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

Slide 1

Slide 1 text

Testes de Acessibilidade com Cypress

Slide 2

Slide 2 text

https:/ /about.me/brunopulis Bruno Pulis QA na Concrete Solutions

Slide 3

Slide 3 text

”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”.

Slide 4

Slide 4 text

A C C E S S I B I L I T Y A11Y

Slide 5

Slide 5 text

Por que testes de a11y?

Slide 6

Slide 6 text

Diversidade de público

Slide 7

Slide 7 text

45 milhões de pessoas afetadas pela falta de acessibilidade no Brasil. Fonte: CENSO IBGE/2010

Slide 8

Slide 8 text

23,9% da população brasileira sofre algum tipo de deﬁciência. Fonte: CENSO IBGE/2010

Slide 9

Slide 9 text

São Paulo 46.289.333 pessoas Argentina 45.386.286 pessoas

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Menos de 1% dos sites brasileiros são acessíveis Disponível em: https:/ /bit.ly/3agOjk8

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

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%

Slide 15

Slide 15 text

59.653.607 erros encontrados, uma média de 59,6 erros por página.

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Subcaracterística de Qualidade ISO 25010

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Direito e Dever

Slide 20

Slide 20 text

“É 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

Slide 21

Slide 21 text

Testando A11y

Slide 22

Slide 22 text

Acessibilidade não é checklist de validação

Slide 23

Slide 23 text

Web Content Accessibility Guidelines (WCAG Recomendações para tornar o conteúdo na Web mais acessível.

Slide 24

Slide 24 text

Disponível em: Test Automation Accessibility

Slide 25

Slide 25 text

Tipos de testes

Slide 26

Slide 26 text

Testes manuais

Slide 27

Slide 27 text

Testes semi automatizados

Slide 28

Slide 28 text

Testes automatizados

Slide 29

Slide 29 text

Estudo de Caso

Slide 30

Slide 30 text

extensão chrome - axe

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

DICAS Ilustração por Natasha Remarchuk disponível em: Icons8

Slide 34

Slide 34 text

Estamos criando deﬁciências se não estivermos criando uma .web para todos.”. @emplums

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

No content