SlideShare a Scribd company logo
1 of 33
Download to read offline
Mitos e Verdades
sobre testes de
acessibilidade
2019 – Recife
Marcelo Sales
Trilha Testes
acessibilidade
é tudo sobre pessoas
qual é a melhor
forma de avaliar defeitos
de acessibilidade?
Não há uma regra!
Mas há boas práticas!
https://webaim.org/standards/wcag/checklist
https://www.w3.org/WAI/WCAG21/quickref/
http://accessibility.voxmedia.com/
Dica “perdida” de ouro!
http://usability.com.au/2013/01/accessibility-priority-tool/
Ferramenta de prioridade
para acessibilidade!
Pontuação de incidência
(por tempo de uso)
0 – Não há falhas
1 – Problemas em até 25% do tempo
2 – Problemas entre 25 e 50% do tempo
3 – Problemas entre 50 e 75% do tempo
4 – Problemas em mais de 75% do tempo
Pontuação de gravidade
(com base no impacto de uso)
1 – Muito pouco incoveniente
(não é provável que impeça alguém de acessar o conteúdo)
2 – Pouco Incoveniente
(não é provável que impeça alguém de acessar o conteúdo,
mas pode afetar um grupo de pessoas)
3 – Média incovenciência
(pode ser complicado para algumas pessoas acessarem o conteúdo)
4 – Grande incoveniência
(pode impedir o acesso de algumas pessoas para
determinados conteúdos)
5 – Incomodo Extremo
(impedirá o acesso ao site ou a executar funções básicas)
é possível
automatizar?
SIM!
Mas apenas entre 30 a 40%
do total dos testes!
karlgroves.com
em que momento
devo testar?
Durante todo o processo de
desenvolvimento e sempre que possível...
Elementos acessíveis não garantem sistemas acessíveis!
Mas e o Design System?
Cuidado com ferramentas, frameworks e
plugins de terceiros
Eles podem não estar acessíveis... aliás, com certeza não estarão!
Leitor de telas também pode ser
utilizado para validação de código
front-end “mal feito”...
O humano pode não perceber,
mas a ferramenta com certeza, vai!
DICA:
devo confiar
em validadores automatizados?
Manuel Matuzović
@mmatuzo
“Se o Lighthouse nos diz que
nosso site é 100% acessível, isso
não significa que ele é.
Para provar, construí o local mais
inacessível possível e mesmo
assim obtive um “score” perfeito.”
31 de maio de 2019
é possível
testar protótipos?
SIM!
De certa forma... sim...
Digo, é possível, mas nem tanto...
Bom... normalmente você só consegue validar coisas como:
• Contraste
• Simulação de daltonismo
• Sugestão de cores
quais ferramentas
utilizar?
https://github.com/GoogleChrome/lighthouse
Lighthouse
Plugin para Chrome
AXE – Deque
Plugin para Chrome e Firefox – App para Android
https://www.deque.com/axe/
Asqatasun
App para testes de aplicação em ambiente de desenvolvimento (Docker / NPM)
https://github.com/Asqatasun/Asqatasun
https://www.deque.com/blog/writing-automated-tests-accessibility/
https://axesslab.com/skip-the-wcag/
DESAFIO
http://bit.ly/dojo-a11y-test
não esqueçam
das pessoas
lembrem-se:
OBRIGADO
Instagram e Twitter @msales
LinkedIn linkedin.com/in/msales78
http://designinclusivo.com
http://guiawcag.com
Meetup “Ministry of Testing”
Edição São Paulo
http://acessibilida.de

More Related Content

What's hot

Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoWorkshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoCarla De Bona
 
Levando seu SCM à outro nível com Feature Flags
Levando seu SCM à outro nível com Feature FlagsLevando seu SCM à outro nível com Feature Flags
Levando seu SCM à outro nível com Feature FlagsAndré Paulovich
 
Medindo o Desempenho de sua aplicação com as APIs de Web Performance
Medindo o Desempenho de sua aplicação com as APIs de Web PerformanceMedindo o Desempenho de sua aplicação com as APIs de Web Performance
Medindo o Desempenho de sua aplicação com as APIs de Web PerformanceTalita Pagani
 
Os cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignOs cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignDiego Eis
 
Front end para back enders: Dicas de como se virar no universo paralelo
Front end para back enders: Dicas de como se virar no universo paraleloFront end para back enders: Dicas de como se virar no universo paralelo
Front end para back enders: Dicas de como se virar no universo paraleloGiovane Liberato
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endDiego Eis
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q eSua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q eAlexandre Magno Teles Zimerer
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
Acessibilidade para web
Acessibilidade para webAcessibilidade para web
Acessibilidade para webDiego Eis
 
Guia do Front-end das Galáxias
Guia do Front-end das GaláxiasGuia do Front-end das Galáxias
Guia do Front-end das GaláxiasDavidson Fellipe
 
Você não precisa de uma sopa de letrinhas para criar web apps
Você não precisa de uma sopa de letrinhas para criar web appsVocê não precisa de uma sopa de letrinhas para criar web apps
Você não precisa de uma sopa de letrinhas para criar web appsWilliam Oliveira
 
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...Ricardo Pereira Rodrigues
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJHorácio Soares
 
Mobile Analytics - A importância do Tracking
Mobile Analytics - A importância do TrackingMobile Analytics - A importância do Tracking
Mobile Analytics - A importância do TrackingArthur de Castro Araujo
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Sérgio Vilar
 
Do problema à solução transformando chamados do suporte em features
Do problema à solução  transformando chamados do suporte em featuresDo problema à solução  transformando chamados do suporte em features
Do problema à solução transformando chamados do suporte em featuresanacaet
 

What's hot (20)

Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoWorkshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
 
Levando seu SCM à outro nível com Feature Flags
Levando seu SCM à outro nível com Feature FlagsLevando seu SCM à outro nível com Feature Flags
Levando seu SCM à outro nível com Feature Flags
 
Saraiva final
Saraiva finalSaraiva final
Saraiva final
 
Medindo o Desempenho de sua aplicação com as APIs de Web Performance
Medindo o Desempenho de sua aplicação com as APIs de Web PerformanceMedindo o Desempenho de sua aplicação com as APIs de Web Performance
Medindo o Desempenho de sua aplicação com as APIs de Web Performance
 
Os cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignOs cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web Design
 
Front end para back enders: Dicas de como se virar no universo paralelo
Front end para back enders: Dicas de como se virar no universo paraleloFront end para back enders: Dicas de como se virar no universo paralelo
Front end para back enders: Dicas de como se virar no universo paralelo
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-end
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q eSua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q e
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Acessibilidade para web
Acessibilidade para webAcessibilidade para web
Acessibilidade para web
 
Guia do Front-end das Galáxias
Guia do Front-end das GaláxiasGuia do Front-end das Galáxias
Guia do Front-end das Galáxias
 
Você não precisa de uma sopa de letrinhas para criar web apps
Você não precisa de uma sopa de letrinhas para criar web appsVocê não precisa de uma sopa de letrinhas para criar web apps
Você não precisa de uma sopa de letrinhas para criar web apps
 
Desenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHPDesenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHP
 
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
 
UX for developers
UX for developersUX for developers
UX for developers
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJ
 
Mobile Analytics - A importância do Tracking
Mobile Analytics - A importância do TrackingMobile Analytics - A importância do Tracking
Mobile Analytics - A importância do Tracking
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 
Do problema à solução transformando chamados do suporte em features
Do problema à solução  transformando chamados do suporte em featuresDo problema à solução  transformando chamados do suporte em features
Do problema à solução transformando chamados do suporte em features
 

Similar to Mitos e Verdades sobre testes de acessibilidade

Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!Livia Gabos
 
Os Rumos do Teste de Software
Os Rumos do Teste de SoftwareOs Rumos do Teste de Software
Os Rumos do Teste de Softwareandrevdrodrigues
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeHorácio Soares
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebHorácio Soares
 
Testes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e WebTestes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e WebQaladies
 
Principais conceitos em testes de software
Principais conceitos em testes de softwarePrincipais conceitos em testes de software
Principais conceitos em testes de softwareJoyce Bastos
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshareguest5ccda
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGELuiz Agner
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2aiadufmg
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2aiadufmg
 
O ciclo da vida
O ciclo da vidaO ciclo da vida
O ciclo da vidaLuiz Borba
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability TestsMichel Alves
 
Carreira em testes de software
Carreira em testes de softwareCarreira em testes de software
Carreira em testes de softwareJoyce Bastos
 
Cap 25 - Erros, Alertas e Confirmação
Cap 25 - Erros, Alertas e ConfirmaçãoCap 25 - Erros, Alertas e Confirmação
Cap 25 - Erros, Alertas e ConfirmaçãoRobert Ranger
 

Similar to Mitos e Verdades sobre testes de acessibilidade (20)

Gerência de bugs
Gerência de bugsGerência de bugs
Gerência de bugs
 
Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!
 
Os Rumos do Teste de Software
Os Rumos do Teste de SoftwareOs Rumos do Teste de Software
Os Rumos do Teste de Software
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e Usabilidade
 
Introdução ao Teste de Software
Introdução ao Teste de SoftwareIntrodução ao Teste de Software
Introdução ao Teste de Software
 
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na Web
 
Testes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e WebTestes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e Web
 
Principais conceitos em testes de software
Principais conceitos em testes de softwarePrincipais conceitos em testes de software
Principais conceitos em testes de software
 
Agiidade na Qualidade de Software -2011
Agiidade na Qualidade de Software -2011Agiidade na Qualidade de Software -2011
Agiidade na Qualidade de Software -2011
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2
 
Rumos do teste de software
Rumos do teste de softwareRumos do teste de software
Rumos do teste de software
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2
 
O ciclo da vida
O ciclo da vidaO ciclo da vida
O ciclo da vida
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 
Carreira em testes de software
Carreira em testes de softwareCarreira em testes de software
Carreira em testes de software
 
Cap 25 - Erros, Alertas e Confirmação
Cap 25 - Erros, Alertas e ConfirmaçãoCap 25 - Erros, Alertas e Confirmação
Cap 25 - Erros, Alertas e Confirmação
 
DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?
 

Mitos e Verdades sobre testes de acessibilidade