Dez Testes Rápidos para Checar a Acessibilidade do seu Web Site
Este artigo é uma tradução deste artigo “Ten Quick Tests to Check your Web Site for Accessibility” disponível em: http://www.accessify.com/features/tutorials/ten-quick-tests/. Algumas partes foram modificadas, adicionados ou removidas.
O DDA (Ato da Discriminação de Deficientes) diz que sites devem ser acessíveis para pessoas com deficiência. Então, como checar se seu Web Site é acessível a todos? Aqui estão alguns testes básicos que você pode realizar para verificar os principais pontos. A lista a seguir inclui algumas diretrizes que permitem um bom começo para aumentar a acessibilidade para pessoas com deficiências:
1. Verifique se imagens informativas possuem texto alternativo.
Coloque o cursor sobre uma imagem informativa, por exemplo, o logo da empresa. É exibida uma caixa informando uma descrição sobre a imagem? Para usuários, cujo navegador não suportam imagens, este texto é o que eles irão ver (ou ouvir) ao invés da imagem.
Leia mais em: http://www.maujor.com/w3ctuto/qatips/alt.html
No asp.net isto é obtido através da propriedade AlternateText.
2. Verifique se imagens decorativas possuem texto alternativo.
Coloque o cursor sobre uma imagem decorativa, uma imagem que não tenha nenhuma função informativa, apenas faz parte do design. É exibida uma caixa com a descrição desta imagem? Não deveria. Não há razão para usuários, cujo navegador não suporta imagens, saber que está imagem está lá, sendo que ela não tem uma razão para isto.
Entretanto atenção para não confundir este teste. Se a caixa não aparecer, isto pode significar duas coisas:
- O texto alternativo da imagem foi declarado como null - alt=”" - o que significa que será ignorado por navegadores que não suportam imagem. Este é o correto.
- O texto alternativo da imagem (atributo “alt”) simplesmente não foi informado, o que significa que os usurários, cujo navegador não suporta imagem, serão alertados de que ali existe uma imagem mas não terá como saber o que ela informa - o que seria muito frustrante! O que certamente não queremos.
OBS: No asp.net o alt=”" em um é obtido através da propriedade: GenerateEmptyAlternateText=”true”.
3. Ouça a cada vídeo e áudio com o volume desligado.
Se você desligar suas caixas de som, você logicamente não poderá acompanhar um conteúdo em áudio ou vídeo com áudio. Uma pessoa surda tem que lidar com essa situação diariamente. Certifique-se de que seu site dispoem de um texto alternativo para seu conteúdo de áudio, assim mesmo uma pessoa surda, ou com problemas de audição terá acesso à informação que você deseja passar.
4. Verifique se os formulário são acessíveis.
Geralmente, há um texto próximo a cada item de um formulário. Por exemplo, um formulário de contato deve ter textos como nome, e-mail, e comentário, e próximo a cada um deles uma caixa de texto onde o usuário do seu site irá entrar com uma informação. Quando você clica neste texto, é exibido um cursor piscando na caixa de texto referente a ele? Se não, seu formulário não possui o elemento <label> e pode ser inacessível a alguns usuários (saiba mais em: WaSP tutorial for more information about accessibility in forms).
OBS: No asp.net isto aplica-se através do controle asp:label juntamente com a propriedade AssociatedControlID.
5. Verifique se os textos podem ser redimensionados.
No Internet Explorer (atualmente, o navegador mais utilizado) vá em Exibir > Tamanho da Fonte > Muito Grande. O texto aumenta de tamanho? Se não, então seu site pode ser inacessível a usuários com problemas de visão (por exemplo, Pessoas idosas).
6. Teste seu site no navegador Lynx.
O navegador Lynx renderiza apenas texto e não suporta uma grande quantidade de recursos que outros navegadores como o Internet Explorer possuem. Você pode verificar como seu site é exibido neste navegador com o Lynx Viewer. Se sua página fizer sentido e puder ser navegada através do navegador Lynx, então ela estará preenchendo muitas das diretrizes de acessibilidade.Consequentemente Lynx pode ser considerado como um ‘menor denominador comum’.
7. Verifique se é possível navegar sem o uso do mouse.
É possível navegar pelo seu site usando apenas a tecla tab, shift + tab e Enter? Se não, então nem uma pessoa usando somente o teclado ou uma pessoa usando somente um sistema de voz poderão. Deixe seu mouse de lado e veja como você se sente.
OBS: O asp.net possui recursos para isto. Controles de formulário possuem a propriedade TabIndex que deve ser configurada para orientar a ordem do preenchimento dos campos e também a propriedade AccessKey que define um atalho através do teclado para acessar àquele componente como um asp:label ou asp:buttom.
8. Verifique se há um Site Map.
Você pode encontrar seu site map? Se não, então as pessoas que estão perdidas pelo seu site também não poderão.
OBS: O asp.net possui os controles disponíveis na aba Navigation da ToolBox. Todos eles em conjunto com um sitemap xml, por exemplo, são uma poderosa ferramenta para guiar seus usuários ao longo do site.
9. Verifique se os links fazem sentido por si só.
Usuários cegos geralmente navegam pelo site tabulando de um link para outro. Todos os links da sua página fazem sentido fora de um contexto? “Clique aqui” e “mais…” são dois típicos exemplos de links sem sentido. Se você precisa necessariamente de usar textos pequenos para o link, considere usar o atributo title no elemento <a> para disponibilizar mais informação, ex.: <a href=”interesante.html” title=”Interessantes dicas sobre acessibilidade”>Dicas</a>
10. Verifique sua página usando um programa automático.
Existem dois programas gratuitos na Internet o Bobby e o Wave. Eles estão aptos a informar todas as informações que você precisa, com algumas verificações que podem ser feitas por humanos, mas que eles podem dizer se você está indo na direção errada.