A importância do teste de
Acessibilidade Web
Filipe Lopes • fidolopes@gmail.com
23,9%
Você ficaria contente com a possibilidade
de alavancar seu market share em
23,9% só no Brasil?
45.606.048
23,9% da população total,
têm algum tipo de deficiência
visual, auditiva, motora e mental ou
intelectual
23,90% possuem pelo menos
uma das deficiências
18,60% 5,10% 7% 1,40%
Visual Auditiva Motora Mental ou
Intelectual
Mas acima de qualquer ganho financeiro, o maior
sucesso da Acessibilidade é a de integrar pessoas e
permitir que todas elas tenham acesso a sites,
aplicativos, serviços com qualidade e sem obstáculos
ACESSIBILIDADE
NA WEB
“... possibilidade e a condição de alcance, percepção,
entendimento e interação para a utilização, a participação e a
contribuição, em igualdade de oportunidades, com segurança
e autonomia, em sítios e serviços disponíveis na web, por
qualquer indivíduo, independentemente de sua capacidade
motora, visual, auditiva, intelectual, cultural ou social, a
qualquer momento, em qualquer local e em qualquer
ambiente físico ou computacional e a partir de qualquer
dispositivo de acesso.”
W3C Brasil
Fonte: https://www.emberify.com/blog/wp-content/uploads/2015/05/emberify_disabled_person.jpg
Usuários Cegos
• obter informações
apresentadas visualmente;
• interagir usando dispositivo
diferente do teclado;
• navegar através de conceitos
espaciais;
• distinguir entre outros sons e a
voz produzida pelo sintetizador.
Usuários amblíopes
ou daltônicos
• distinguir cromáticas de contraste
ou de profundidade;
• utilizar informações dependentes das dimensões;
• distinguir tipos diferentes de letras;
• localizar e/ou seguir ponteiros, cursores, pontos
ativos e locais de recepção de objetos,
bem como, manipular diferentes objetos gráficos.
Usuários com
deficiência auditiva
• Ouvir e/ou distinguir
alterações de freqüência;
• Localizar sons;
• Perceber informações auditivas;
• Dificuldades de utilização de segunda língua,
visto que, a língua gestual é a primeira
língua das pessoas surdas.
Usuários com
limitação motora
• Carregar simultaneamente em várias telas;
• Deslocar ou tentar alcançar objetos;
• Executar ações que impliquem e precisão
ou rapidez.
Usuários com
problemas cognitivos
• Ler sem ouvir o texto
lido em voz alta (dislexia);
• Executar algumas tarefas
no espaço de tempo requerido;
• Ler e compreender as informações existentes;
• Perceber qual a função de um objeto gráfico
sem legenda.
Fonte: https://www.microsoft.com/en-us/CMSImages/Accessibility-Illustration-1600x430.png?version=b050c2af-e126-90d1-a9c4-b68314b539cd
A | AA | AAA
QUATRO PRINCÍPIOS - POUR
Fonte: https://www.mightybytes.com/what-we-do/digital-marketing-optimization-services/website-accessibility-services/
Perceptível Operável Compreensível Robusto
webaim.org/
standards/wcag/
checklist
LightHouse
Novidades no DevTools:
:focus-visible
chrome://flags
Habilitar:
“Experimental Web Platform features”
https://github.com/wicg/focus-visible
LIBERDADE PELA
ACESSIBILIDADE
REFERÊNCIA BIBLIOGRÁFICA
https://developers.google.com/web/fundamentals/accessibility/?hl=
pt-br
https://itss.d.umn.edu/news/wcag-principles
https://a11yproject.com
http://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr-
acessibilidade-web-fasciculo-I.html
Thank you!
/filipeclopes

A11y web