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
450
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
32
Visão de testes de acessibilidade
brunopulis
0
33
Técnicas para um desenvolvimento acessível
brunopulis
1
110
Desenvolvimento com práticas acessíveis
brunopulis
0
66
52º Café, Testes e Pão de Queijo - Testando acessibilidade com Cypress
brunopulis
2
190
Mitigando incosistências em API Rest através de testes de retrocompatibilidade
brunopulis
0
440
Precisamos falar sobre HTML
brunopulis
0
68
A acessibilidade durante a Pandemia
brunopulis
0
140
Ferramentas de testes automatizados para acessibilidade web
brunopulis
0
52
Other Decks in Programming
See All in Programming
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
650
議事録の要点整理を自動化! サーバレス Bot 構築術
penpeen
3
1.6k
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
mhrtech
3
870
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
650
CSC305 Lecture 01
javiergs
PRO
1
380
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
630
dynamic!
moro
9
4.5k
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
1
540
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
ssssota
2
1k
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
330
半自動E2Eで手っ取り早くリグレッションテストを効率化しよう
beryu
6
2.4k
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
630
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
The Invisible Side of Design
smashingmag
301
51k
A Tale of Four Properties
chriscoyier
160
23k
Building an army of robots
kneath
306
46k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Typedesign – Prime Four
hannesfritz
42
2.8k
Navigating Team Friction
lara
189
15k
Bash Introduction
62gerente
615
210k
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