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

52º Café, Testes e Pão de Queijo - Testando ace...

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

Bruno Pulis

April 29, 2021
Tweet

More Decks by Bruno Pulis

Other Decks in Technology

Transcript

  1. ”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”.
  2. A C C E S S I B I L

    I T Y A11Y
  3. 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
  4. 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
  5. 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%
  6. “É 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