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
390
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
6
Visão de testes de acessibilidade
brunopulis
0
16
Técnicas para um desenvolvimento acessível
brunopulis
1
92
Desenvolvimento com práticas acessíveis
brunopulis
0
61
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
320
Precisamos falar sobre HTML
brunopulis
0
53
A acessibilidade durante a Pandemia
brunopulis
0
120
Ferramentas de testes automatizados para acessibilidade web
brunopulis
0
43
Other Decks in Programming
See All in Programming
103 Early Hints
sugi_0000
1
220
Refactor your code - refactor yourself
xosofox
1
260
선언형 UI에서의 상태관리
l2hyunwoo
0
140
rails statsで大解剖 🔍 “B/43流” のRailsの育て方を歴史とともに振り返ります
shoheimitani
2
930
ドメインイベント増えすぎ問題
h0r15h0
1
120
StarlingMonkeyを触ってみた話 - 2024冬
syumai
3
270
ソフトウェアの振る舞いに着目し 複雑な要件の開発に立ち向かう
rickyban
0
890
.NET 9アプリをCGIとして レンタルサーバーで動かす
mayuki
1
770
テスト自動化失敗から再挑戦しチームにオーナーシップを委譲した話/STAC2024 macho
ma_cho29
1
1.3k
From Translations to Multi Dimension Entities
alexanderschranz
2
130
Stackless и stackful? Корутины и асинхронность в Go
lamodatech
0
650
事業成長を爆速で進めてきたプロダクトエンジニアたちの成功談・失敗談
nealle
3
1.4k
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Typedesign – Prime Four
hannesfritz
40
2.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
96
Code Review Best Practice
trishagee
65
17k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
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