Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AGXP 2020 - Testes de acessibilidade com Cypress
Search
Bruno Pulis
December 17, 2020
Programming
1
410
AGXP 2020 - Testes de acessibilidade com Cypress
Bruno Pulis
December 17, 2020
Tweet
Share
More Decks by Bruno Pulis
See All by Bruno Pulis
Qualidade de Software sob o ponto de vista da acessibilidade
brunopulis
0
11
Visão de testes de acessibilidade
brunopulis
0
17
Técnicas para um desenvolvimento acessível
brunopulis
1
94
Desenvolvimento com práticas acessíveis
brunopulis
0
62
52º Café, Testes e Pão de Queijo - Testando acessibilidade com Cypress
brunopulis
2
170
Mitigando incosistências em API Rest através de testes de retrocompatibilidade
brunopulis
0
340
Precisamos falar sobre HTML
brunopulis
0
55
A acessibilidade durante a Pandemia
brunopulis
0
120
Ferramentas de testes automatizados para acessibilidade web
brunopulis
0
44
Other Decks in Programming
See All in Programming
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
700
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
55
19k
From the Wild into the Clouds - Laravel Meetup Talk
neverything
0
160
AWS Step Functions は CDK で書こう!
konokenj
4
110
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
330
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.6k
「個人開発マネタイズ大全」が教えてくれたこと
bani24884
1
240
ナレッジイネイブリングにAIを活用してみる ゆるSRE勉強会 #9
nealle
0
160
複数のAWSアカウントから横断で 利用する Lambda Authorizer の作り方
tc3jp
0
120
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
310
Ça bouge du côté des animations CSS !
goetter
2
150
Featured
See All Featured
Optimizing for Happiness
mojombo
376
70k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Adopting Sorbet at Scale
ufuk
74
9.2k
Designing for Performance
lara
604
68k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Code Review Best Practice
trishagee
67
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Embracing the Ebb and Flow
colly
84
4.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
GitHub's CSS Performance
jonrohan
1030
460k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Transcript
Testes de Acessibilidade com Cypress ❤
https:/ /about.me/brunopulis Sou Bruno Pulis Analista de Qualidade https:/ /bit.ly/2WlZfVH
Por que testes de acessibilidade? Ilustração por Natasha Remarchuk disponível
em: Icons8
Falta de ACESSO Ilustração por Maria Shukshina disponível em: Icons8
45 milhões de brasileiros com algum tipo dedeficiência Fonte: Censo
IBGE 2010 Ilustração por Icons 8 disponível em: Icons8
Menos de 1% dos sites brasileiros são acessíveis Disponível em:
https:/ /bit.ly/3agOjk8
Porque é lei federal Ilustração por Natasha Remarchuk disponível em:
Icons8
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
Tipos de deficiência Ilustração por Maria Shukshina disponível em: Icons8
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
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
None
Como testar acessibilidade? Ilustração por Natasha Remarchuk disponível em: Icons8
Disponível em: Test Automation Accessibility
ESTUDO DE CASO PREFEITURA DE BELO HORIZONTE Ilustração por Murat
Kalkavan disponível em: Icons8
WAVE WebAIM
extensão chrome - axe
Access Monitor
https:/ /github.com/brunopulis/cypress-a11y-agxp
None
None
None
None
None
avançando...
None
None
None
TIPS & TRICKS Ilustração por Natasha Remarchuk disponível em: Icons8
Awesome A11y (⭐ 1.2k) https:/ /github.com/brunopulis/awesome-a11y Ilustração feita por Heydon
Pickering disponível em Dribble.
Awesome Cypress (⭐ 71 https:/ /github.com/brunopulis/awesome-cypress
Estamos criando deficiências se não estivermos criando uma .web para
todos.”. @emplums
Ilustração feita por Icons 8 disponível em:Icons8