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
10
Visão de testes de acessibilidade
brunopulis
0
16
Técnicas para um desenvolvimento acessível
brunopulis
1
93
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
340
Precisamos falar sobre HTML
brunopulis
0
54
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
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
360
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.6k
Jasprが凄い話
hyshu
0
150
Honoとフロントエンドの 型安全性について
yodaka
7
1.4k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
220
Domain-Driven Transformation
hschwentner
2
1.9k
Rails アプリ地図考 Flush Cut
makicamel
1
130
ソフトウェアエンジニアの成長
masuda220
PRO
12
2.1k
Bedrock Agentsレスポンス解析によるAgentのOps
licux
3
920
Better Code Design in PHP
afilina
0
160
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
40
16k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Music & Morning Musume
bryan
46
6.4k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
370
4 Signs Your Business is Dying
shpigford
182
22k
Embracing the Ebb and Flow
colly
84
4.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
What's in a price? How to price your products and services
michaelherold
244
12k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
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