Slide 1

Slide 1 text

Desenvolvimento com práticas acessíveis

Slide 2

Slide 2 text

BRUNO PULIS @brunopulisdev / brunopulis.com QA de acessibilidade na everis Brasil Digital Creator Mobilizador e Instrutor do WPT Membro do IAAP https://bit.ly/3zGTH9q linkedin.com/in/pulis youtube.com/c/BrunoPulis

Slide 3

Slide 3 text

https://jobs.everis.com/pt-pt/ofertas-brasil

Slide 4

Slide 4 text

acessibilidade?

Slide 5

Slide 5 text

Acessibilidade na web significa que pessoas com deficiência podem perceber, entender, navegar, interagir e contribuir para a web.

Slide 6

Slide 6 text

WCAG 2.1

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

por que me importar?

Slide 9

Slide 9 text

1A web é sobre DIVERSIDADE

Slide 10

Slide 10 text

1A web é sobre INCLUSÃO DIGITAL

Slide 11

Slide 11 text

DIGNIDADE HUMANA

Slide 12

Slide 12 text

1A web é sobre CONHECIMENTO

Slide 13

Slide 13 text

● Maior valor agregado à empresa e fortalecimento da sua marca; ● Melhoria de performance e de usabilidade, criando vantagem competitiva; ● Ampliação e diversificação de público; ● Leis regulamentadoras; ● Melhoria em questões de SEO; ● Facilidade e menor custo de manutenção; ● Aumento de compatibilidade com dispositivos, plataformas, sistemas e navegadores. BENEFÍCIOS

Slide 14

Slide 14 text

A web não é uma barreira para pessoas com deficiência, ela é a .solução.". https://webaim.org/articles/pour

Slide 15

Slide 15 text

ESTATÍSTICAS

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 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 19

Slide 19 text

51.379.694 erros encontrados, uma média de 51,4 erros por página.

Slide 20

Slide 20 text

97,4% das páginas possuía alguma falha de acordo com o WCAG 2.0

Slide 21

Slide 21 text

Tipo de falha WCAG ano de 2021 ano de 2020 Baixo contraste 86.4% 86.3% Texto alternativo em falta 60.6% 66% Links vazios 51.3% 59.9% Labels ausentes em forms 54.4% 52.8% Idioma no HTML ausente 28.9% 28% Botões vazios 26.9% 28.7%

Slide 22

Slide 22 text

Muito trabalho deve ser feito para que a Web seja disponível sem barreiras. Apesar do número de erros serem gritantes, a maioria deles são simples correções...

Slide 23

Slide 23 text

dicas

Slide 24

Slide 24 text

hierarquia de títulos

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

texto alternativo

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

links claros

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

queridxs amigxs

Slide 33

Slide 33 text

linguagem neutra (amigxs, amig@s) Extremamente prejudicial para a acessibilidade, leitores de tela não pronunciam corretamente. Além de afetar usuários de leitores de tela, pessoas idosas, disléxicas são afetadas.

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

como começar

Slide 36

Slide 36 text

https://github.com/brunopulis/awesome-a11y

Slide 37

Slide 37 text

ferramentas

Slide 38

Slide 38 text

Validador de HTML

Slide 39

Slide 39 text

Validador de CSS

Slide 40

Slide 40 text

Access Monitor

Slide 41

Slide 41 text

aXe DevTools

Slide 42

Slide 42 text

aXe Accessibility Linter

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

perguntas?

Slide 46

Slide 46 text

OBRIGADO!

Slide 47

Slide 47 text

● https://bit.ly/2pA9KCR ● https://webaim.org/blog/webaim-million ● https://bit.ly/2S0TzMd ● https://bit.ly/2IG9dtG REFERÊNCIAS E CRÉDITOS