SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
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

Mais conteúdo relacionado

Semelhante a Importância do teste de Acessibilidade Web

Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPAcessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPLucas J Silva
 
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPAcessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPHorácio Soares
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Talita Pagani
 
Segurança e Acessibilidade
Segurança e AcessibilidadeSegurança e Acessibilidade
Segurança e AcessibilidadeFabíola Calixto
 
Acessibilidade em produtos digitais
Acessibilidade em produtos digitaisAcessibilidade em produtos digitais
Acessibilidade em produtos digitaisJaime Ribeiro
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2aiadufmg
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Horácio Soares
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasGovBR
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2aiadufmg
 
Informática na educação - 3
Informática na educação - 3Informática na educação - 3
Informática na educação - 3rafael_neves
 
Características das pessoas com deficiências
Características das pessoas com deficiênciasCaracterísticas das pessoas com deficiências
Características das pessoas com deficiênciasCristiana Chaves
 

Semelhante a Importância do teste de Acessibilidade Web (20)

Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Apresentação Projeto Acessibilidade
Apresentação Projeto AcessibilidadeApresentação Projeto Acessibilidade
Apresentação Projeto Acessibilidade
 
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPAcessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
 
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPAcessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
 
Segurança e Acessibilidade
Segurança e AcessibilidadeSegurança e Acessibilidade
Segurança e Acessibilidade
 
Acessibilidade em produtos digitais
Acessibilidade em produtos digitaisAcessibilidade em produtos digitais
Acessibilidade em produtos digitais
 
smad_20.ppt
smad_20.pptsmad_20.ppt
smad_20.ppt
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticas
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
 
Acessibilidade web 2018
Acessibilidade web 2018Acessibilidade web 2018
Acessibilidade web 2018
 
Informática na educação - 3
Informática na educação - 3Informática na educação - 3
Informática na educação - 3
 
Características das pessoas com deficiências
Características das pessoas com deficiênciasCaracterísticas das pessoas com deficiências
Características das pessoas com deficiências
 

Importância do teste de Acessibilidade Web