1.

Coloque os atributos “alt” ou “title” em todas as imagens do site; Isso é importante para quando o navegador do usuário não tiver suporte á imagem a ser visualizada. O que aparecerá no lugar dela será o texto. É melhor do que um buraco vazio no seu layout.

2.

Porém, se sua imagem for apenas decorativa, não precisa colocar texto no “alt”, pode deixar o espaço entre as aspas em branco. Afinal, não há necessidade de o usuário que não puder visualizar a imagem de borda do seu site, ver escrito “borda-branca” no layout né?!

3.

Seu site possui conteúdo de áudio? Não esqueça que pessoas surdas também navegam na internet. Certifique-se que há alguma legenda ou texto descritivo sobre a mensagem sonora.

4.

Um formulário de contato possui os textos ‘nome’, ‘e-mail’ e ‘comentários’ cada um deles próximo ao seu respectivo campo onde os usuários entrarão com os seus dados. Clique sobre o texto descritivo do campo e deverá aparecer o cursor ‘piscando’ no campo respectivo. Se o cursor não aparecer é porque não foi usado o elemento no formulário e isto poderá tornar o formulário inacessível para alguns usuários (mais detalhes sobre acessibilidade em formulários, consulte: WaSP tutorial com mais informações sobre acessibilidade em formulários).

5.

No Internet Explorer (usado por 90% dos internautas) vá em View > Font size > Largest. O texto do seu web site aumentou de tamanho? Se não aumentou o seu site estará inacessível para usuários portadores de baixa visão. No Mozzila o comando é Crtl+ e Crtl-.

6.

Teste seu site para browsers de Linux em http://www.delorie.com/web/lynxview.html

7.

Se o seu site tem muitas páginas internas, faça um mapa-do-site, e deixe o botão para acessá-lo visivel.

8.

Você pode navegar seu site usando somente tab, shift-tab e return? Se isto não for possível, seu site será inacessível para usuários impossibilitados do uso de mouse bem como a usuários com leitores de tela. Deixe seu mouse de lado e navegue com o teclado para testar.

9.

Usuários portadores de deficiência visual total, navegam por sites na Internet valendo-se da ‘tabulação’ pelos links. Os textos descritivos dos links tem sentido? ‘Clique aqui’ e ‘mais’ são dois exemplos bem comuns de textos não descritivos para links. Se você estiver restrito a frases curtas para descrever seus links, considere o uso do atributo title no elemento a para suprir uma informação adicional sobre o destino do link, p.ex.:

<a title="Como obter descontos adicionais nas suas compras " href="http://putitanga.zip.net/descontos.html">Descontos adicionais</a>

10.

Existem dois programas que checam a acessibilidade do site pra vc, mas não baseie-se somente neles! Faça seus testes manualmente também!

Bobby – http://bobby.watchfire.com/

Wave – http://www.wave.webaim.org/

Links

Para mais informações sobre Acessibilidade, acesse o site Acesso Digital, o blog Web Para Todos e o site Bengala Legal que é feito por um homem com deficiencia visual.