Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AGXP 2020 - Testes de acessibilidade com Cypress

Avatar for Bruno Pulis Bruno Pulis
December 17, 2020
Programming
480
1

AGXP 2020 - Testes de acessibilidade com Cypress

Avatar for Bruno Pulis

Bruno Pulis

December 17, 2020

More Decks by Bruno Pulis

See All by Bruno Pulis
Qualidade de Software sob o ponto de vista da acessibilidade
Avatar for Bruno Pulis brunopulis
0
51
Visão de testes de acessibilidade
Avatar for Bruno Pulis brunopulis
0
62
Técnicas para um desenvolvimento acessível
Avatar for Bruno Pulis brunopulis
1
120
Desenvolvimento com práticas acessíveis
Avatar for Bruno Pulis brunopulis
0
78
52º Café, Testes e Pão de Queijo - Testando acessibilidade com Cypress
Avatar for Bruno Pulis brunopulis
2
220
Mitigando incosistências em API Rest através de testes de retrocompatibilidade
Avatar for Bruno Pulis brunopulis
0
470
Precisamos falar sobre HTML
Avatar for Bruno Pulis brunopulis
0
89
A acessibilidade durante a Pandemia
Avatar for Bruno Pulis brunopulis
0
170
Ferramentas de testes automatizados para acessibilidade web
Avatar for Bruno Pulis brunopulis
0
63

Other Decks in Programming

See All in Programming
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
160
Codex CLIのSubagentsによる並列API実装 / Parallel API Implementation with Codex CLI Subagents
Avatar for 冨澤宝斗 takatty
2
830
PHP 7.4でもOpenTelemetryゼロコード計装がしたい！ / PHPerKaigi 2026
Avatar for Arthur arthur1
1
490
煩雑なSkills管理をSoC（関心の分離）により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
Avatar for nrs nrslib
3
410
PHPのバージョンアップ時にも役立ったAST（2026年版）
Avatar for Atsushi Matsuo matsuo_atsushi
0
290
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
410
今こそ押さえておきたい アマゾンウェブサービス（AWS）の データベースの基礎 おもクラ #6版
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
230
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
Avatar for hideki kinjyo o0h
PRO
0
190
それはエンジニアリングの糧である：AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
Avatar for nrs nrslib
1
820
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
Avatar for Sakurai sakuraikotone
1
1.8k
L’IA au service des devs : Anatomie d'un assistant de Code Review
Avatar for Thomas Boileau toham
0
200
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
Avatar for shiro seike seike460
PRO
2
220

Featured

See All Featured
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
100
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
330
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
280
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
210
It's Worth the Effort
Avatar for 3n 3n
188
29k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
670
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k

Transcript

  1. Testes de Acessibilidade com Cypress ❤

  2. https:/ /about.me/brunopulis Sou Bruno Pulis Analista de Qualidade https:/ /bit.ly/2WlZfVH

  3. Por que testes de acessibilidade? Ilustração por Natasha Remarchuk disponível

    em: Icons8

  4. Falta de ACESSO Ilustração por Maria Shukshina disponível em: Icons8

  5. 45 milhões de brasileiros com algum tipo dedeficiência Fonte: Censo

    IBGE 2010 Ilustração por Icons 8 disponível em: Icons8

  6. Menos de 1% dos sites brasileiros são acessíveis Disponível em:

    https:/ /bit.ly/3agOjk8

  7. Porque é lei federal Ilustração por Natasha Remarchuk disponível em:

    Icons8

  8. Legislação Brasileira • Constituição Federal de 1988 • Lei Nº

    10.098 de 19 de dezembro de 2000 • Decreto Nº 6.949 de 25 de agosto de 2009 • LBI – Lei nº 13.146 (sancionada em 6 de julho de 2015) Disponível em: https:/ /bit.ly/3qUR5l4

  9. Tipos de deficiência Ilustração por Maria Shukshina disponível em: Icons8

  10. Fonte: Censo IBGE 2010 DEFICIÊNCIA MOTORA 13 milhões DEFICIÊNCIA AUDITIVA

    10 milhões DEFICIÊNCIA MENTAL 2,5 milhões DEFICIÊNCIA VISUAL 35 milhões PCD's no Brasil 24% da população

  11. São Paulo 46.289.333 pessoas Disponível em: https:/ /bit.ly/2LAof9n Disponível em:

    https:/ /bit.ly/3mnepV6 Argentina 45.386.286 pessoas
  12. None

  13. Como testar acessibilidade? Ilustração por Natasha Remarchuk disponível em: Icons8

  14. Disponível em: Test Automation Accessibility

  15. ESTUDO DE CASO PREFEITURA DE BELO HORIZONTE Ilustração por Murat

    Kalkavan disponível em: Icons8

  16. WAVE WebAIM

  17. extensão chrome - axe

  18. Access Monitor

  19. https:/ /github.com/brunopulis/cypress-a11y-agxp

  20. None
  21. None
  22. None
  23. None
  24. None

  25. avançando...

  26. None
  27. None
  28. None

  29. TIPS & TRICKS Ilustração por Natasha Remarchuk disponível em: Icons8

  30. Awesome A11y (⭐ 1.2k) https:/ /github.com/brunopulis/awesome-a11y Ilustração feita por Heydon

    Pickering disponível em Dribble.

  31. Awesome Cypress (⭐ 71 https:/ /github.com/brunopulis/awesome-cypress

  32. Estamos criando deficiências se não estivermos criando uma .web para

    todos.”. @emplums

  33. Ilustração feita por Icons 8 disponível em:Icons8