52º Café, Testes e Pão de Queijo - Testando acessibilidade com Cypress

Slides sobre como automatizar testes de acessibilidade com Cypress e o axe.

Repositório Github

Café, Testes e Pão de Queijo

Links de referência

Awesome A11y
Awesome Cypress
Cypress and axe tutorial automated aceessibility testing tools
Unsplash
Icons 8

Transcript

1. Testes de Acessibilidade com Cypress
2. https:/ /about.me/brunopulis Bruno Pulis QA na Concrete Solutions
3. ”Acessibilidade na web significa que pessoas com deficiência podem usar a web. Mais especificamente, a acessibilidade na web significa que pessoas com deficiência podem perceber, entender, navegar, interagir e contribuir para a web. E mais. Ela também beneficia outras pessoas, incluindo pessoas idosas com capacidades em mudança devido ao envelhecimento”.
4. A C C E S S I B I L I T Y A11Y
5. Por que testes de a11y?
6. Diversidade de público
7. 45 milhões de pessoas afetadas pela falta de acessibilidade no Brasil. Fonte: CENSO IBGE/2010
8. 23,9% da população brasileira sofre algum tipo de deficiência. Fonte: CENSO IBGE/2010
9. São Paulo 46.289.333 pessoas Argentina 45.386.286 pessoas
10. Fonte: Censo IBGE 2010 DEFICIÊNCIA MOTORA 13 milhões DEFICIÊNCIA AUDITIVA 10 milhões DEFICIÊNCIA COGNITIVA 2,5 milhões DEFICIÊNCIA VISUAL 35 milhões PCD's no Brasil 24% da população
11. Menos de 1% dos sites brasileiros são acessíveis Disponível em: https:/ /bit.ly/3agOjk8
12. Foi realizada uma pesquisa em fevereiro, pela WebAIM testando 1 milhão de home pages dos principais sites da web. Na amostragem, os resultados não foram animadores. Fonte: https://webaim.org/projects/million
14. Tipo de falha WCAG # de páginas iniciais % em páginas iniciais Baixo contraste 852,868 85.3% Texto alternativo em falta 679,964 68% Links vazios 581,408 58.1% Labels ausentes em forms 528,482 52.8% Idioma no HTML ausente 329,612 33.1% Botões vazios 250,367 25%
15. 59.653.607 erros encontrados, uma média de 59,6 erros por página.
17. Subcaracterística de Qualidade ISO 25010
19. Direito e Dever
20. “É obrigatória a acessibilidade nos sítios da internet mantidos por empresas com sede ou representação comercial no País ou por órgãos de governo, para uso da pessoa com deficiência, garantindo-lhe acesso às informações disponíveis, conforme as melhores práticas e diretrizes de acessibilidade adotadas internacionalmente”. Lei Brasileira de Inclusão. Artigo 63
21. Testando A11y
22. Acessibilidade não é checklist de validação
23. Web Content Accessibility Guidelines (WCAG Recomendações para tornar o conteúdo na Web mais acessível.
24. Disponível em: Test Automation Accessibility
25. Tipos de testes
26. Testes manuais
27. Testes semi automatizados
28. Testes automatizados
29. Estudo de Caso
30. extensão chrome - axe
33. DICAS Ilustração por Natasha Remarchuk disponível em: Icons8
34. Estamos criando deficiências se não estivermos criando uma .web para todos.”. @emplums
35. Referências • https://sparkbox.com/foundry/cypress_and_axe_tutorial_automated_accessibility _testing_tools • https://unsplash.com • https://icons8.com.br • http://guia-wcag.com