Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

590371c05fc56adf612fd91ea509cf74?s=128

Bruno Pulis

April 29, 2021
Tweet

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
  13. None
  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.

  16. None
  17. Subcaracterística de Qualidade ISO 25010

  18. None
  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

  31. None
  32. None
  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

  36. None