Slide 1

Slide 1 text

Testes de Acessibilidade com Cypress ❤

Slide 2

Slide 2 text

https:/ /about.me/brunopulis Sou Bruno Pulis Analista de Qualidade https:/ /bit.ly/2WlZfVH

Slide 3

Slide 3 text

Por que testes de acessibilidade? Ilustração por Natasha Remarchuk disponível em: Icons8

Slide 4

Slide 4 text

Falta de ACESSO Ilustração por Maria Shukshina disponível em: Icons8

Slide 5

Slide 5 text

45 milhões de brasileiros com algum tipo dedeficiência Fonte: Censo IBGE 2010 Ilustração por Icons 8 disponível em: Icons8

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Porque é lei federal Ilustração por Natasha Remarchuk disponível em: Icons8

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

Tipos de deficiência Ilustração por Maria Shukshina disponível em: Icons8

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Como testar acessibilidade? Ilustração por Natasha Remarchuk disponível em: Icons8

Slide 14

Slide 14 text

Disponível em: Test Automation Accessibility

Slide 15

Slide 15 text

ESTUDO DE CASO PREFEITURA DE BELO HORIZONTE Ilustração por Murat Kalkavan disponível em: Icons8

Slide 16

Slide 16 text

WAVE WebAIM

Slide 17

Slide 17 text

extensão chrome - axe

Slide 18

Slide 18 text

Access Monitor

Slide 19

Slide 19 text

https:/ /github.com/brunopulis/cypress-a11y-agxp

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

avançando...

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

TIPS & TRICKS Ilustração por Natasha Remarchuk disponível em: Icons8

Slide 30

Slide 30 text

Awesome A11y (⭐ 1.2k) https:/ /github.com/brunopulis/awesome-a11y Ilustração feita por Heydon Pickering disponível em Dribble.

Slide 31

Slide 31 text

Awesome Cypress (⭐ 71 https:/ /github.com/brunopulis/awesome-cypress

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

Ilustração feita por Icons 8 disponível em:Icons8