Testes Simples: Acessibilidade

No segundo artigo da série “Testes Simples”, tratamos da acessibilidade. Vamos ver alguns testes básicos para ver se seu site é acessível ao usuário que possa ter algum tipo de impedimento.

Não vou entrar naquela discussão “o que é acessibilidade e por que é importante todos os sites serem acessíveis”, pois foi tratado à exaustão em muitos lugares, inclusive na edição 18 do Podcast Digital Paper. Apenas aceitem que é de grande importância que seu site seja acessível a diferentes tipos de públicos.

O que você irá notar neste artigo, é que os testes são feitos mais via ferramentas web do que com pessoas, ao contrário do artigo sobre Testes Simples: Usabilidade. Isso se dá ao fato de que problemas de acessibilidade são mais previsíveis que problemas de usabilidade. A acessibilidade é mais técnica, enquanto a outra é mais subjetiva.

Testes de daltonismo

Daltonismo - para quem ainda não sabe - de acordo com a Wikipedia é “uma perturbação da percepção visual caracterizada pela incapacidade de diferenciar todas ou algumas cores, manifestando-se muitas vezes pela dificuldade em distinguir o verde do vermelho“.

Ao contrário do que muitas pessoas pensam, existem milhares de portadores de daltonismo navegando a web e estes são potenciais consumidores. E também existem diferentes níveis de daltonismo, então alguém que sofre de deuteranopia (impossibilidade de discriminar cores no segmento verde-amarelo-vermelho do espectro) pode ver um site diferentemente de alguém que tenha tritanopia (impossibilidade de ver cores na faixa azul-amarelo), por exemplo.

Existem ferramentas que analisam seu site para que você veja como os diferentes tipos de daltônicos iriam enxergá-lo.

• Colorblind Web Page Filter (ING) - Permite você inserir a URL do seu site e com um clique ele gera uma visualização de como alguém com algum tipo de daltonismo iria enxergá-lo.
• Vischeck (ING) - Site similar, mas que permite você enviar imagens. Você também pode fazer o download de um plugin para Photoshop lá, que mostra como suas imagens seriam vistas por daltônicos.
• ColorBlindExt - Add-on para Firefox que permite visualizar um site como um daltônico. Versão antiga que pode não funcionar com a versão mais nova do navegador.
• Check My Colors - Mais um add-on para Firefox, porém para versões mais novas. Versão experimental.

Testes para cegos

As pessoas que não enxergam nada também acessam a web - pasme! Claro que ele não irá ver as cores e diagramação de um site, mas informação escrita pode ser lida com programas específicos. Eis algumas dicas de como tornar seu site acessível àqueles com deficiência visual mais grave.

• Jaws for Windows - Um dos softwares mais usados por cegos no mundo todo. Baixe-o, rode ele e abra seu site. Depois, é só fechar os olhos e navegar pelo seu site ;)
• Explicação de como usar o Jaws - O Maujor explica com muito detalhe com fazer para usar o Jaws e efetuar testes de acessibilidade.

Testes técnicos

A W3C já possui normas para sites acessíveis. E existem algumas ferramentas que verificam se seu site está de acordo com estas normas.

• TAW - Web Accessibility Test - Analisa seu site nas 3 prioridades das normas da WCAG da W3C.
• Ocawa - Ferramenta similar, porém mais leve que faz os mesmos tipos de análise.

Testes mão-na-massa

Existem mais alguns testes que você pode fazer para testar se seu site é acessível. Estes são mais práticos, porém que podem dar ótimos resultados.

• Óculos de grau - Se você não precisa de óculos, pegue um de alguém que tenha um alto grau de miopia, hipermetropia ou wharever para visualizar seu site. Caso você consiga se virar nele com estes óculos, ótimo.
• Luvas térmicas - Procure usar estas luvas sem “dedos” para simular pessoas com deficiências motoras. Tente usar seu site através do teclado e do mouse com estes nas mãos.
• Navegar via teclado - Usando apenas as teclas TAB, SHIFT+TAB (para “voltar um tab”) e ENTER, tente navegar pelo seu site. Em formulários, use o TAB para mudar de campo. Veja se ele obedece uma ordem lógica ou se por algum motivo outra coisa qualquer é selecionada.
• Navegador pelado - Desabilite tudo no seu navegador: CSS, imagens, JavaScript. Um addon bom que facilita isto é o Web Developer Toolbar para Firefox. É só instalar e desabilitar tudo. Se seu site funcionar normalmente, parabéns!

Mais testes

Alguns links para descrições de mais testes que podem ser feitos por você.

• Testes do Maujor
• Testes do El Micox

Quais SEUS métodos mais usados para fazer testes de acessibilidade? Comente! Aproveite e dê uma olhada no artigo “Testes Simples: Usabilidade“.