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