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
500
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AGXP 2020 - Testes de acessibilidade com Cypress
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
brunopulis
0
83
Visão de testes de acessibilidade
brunopulis
0
81
Técnicas para um desenvolvimento acessível
brunopulis
1
140
Desenvolvimento com práticas acessíveis
brunopulis
0
89
52º Café, Testes e Pão de Queijo - Testando acessibilidade com Cypress
brunopulis
2
240
Mitigando incosistências em API Rest através de testes de retrocompatibilidade
brunopulis
0
480
Precisamos falar sobre HTML
brunopulis
0
110
A acessibilidade durante a Pandemia
brunopulis
0
190
Ferramentas de testes automatizados para acessibilidade web
brunopulis
0
76
Other Decks in Programming
See All in Programming
Claude Code全社展開のためにやったことn選~プラグイン302個・コミッター271人を支えるために~
kenchan
5
1.4k
霧の中の代数的エフェクト
funnyycat
1
490
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
yuriko1211
0
590
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
210
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
550
ITヒヤリハットを整理してみた ~ライフサイクルと原因から考える再発防止策~
koukimiura
1
140
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
770
その節約、円になってますか?
isamumumu
1
710
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
maroon1st
0
340
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
140
5分で問診!Composer セキュリティ健康診断
codmoninc
0
920
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
440
Featured
See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
530
The Cult of Friendly URLs
andyhume
79
7k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Tell your own story through comics
letsgokoyo
1
1k
Mobile First: as difficult as doing things right
swwweet
225
10k
From π to Pie charts
rasagy
0
260
Producing Creativity
orderedlist
PRO
348
40k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
How to train your dragon (web standard)
notwaldorf
97
6.7k
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