Em outro artigo sobre acessibilidade, comentei sobre algumas providencias na hora da criação do site que ajudam os deficientes a navegar por ele. Aprendi mais algumas dicas em um artigo sobre as mudanças feitas no Infowester para melhorar a acessibilidade do site. Dou destaque a alguns pontos:
- Meta-tag de linguagem: definir a linguagem utilizada na página é muito importante para que os leitores de tela leiam corretamente os texto para o deficiente visual. Isso é possível utilizando meta-tag. Por exemplo:
<META HTTP-EQUIV="content-language" CONTENT="pt-br">
- Texto objetivos nos links: como os leitores de tela utilizam o texto contido nos links para o deficiente saber para onde aquele link direcionaria o navegador, é de grande importância que o texto seja cuidadosamente definido. Dê preferência por textos auto-explicativos. Por exemplo, no lugar de “clique aqui para ler o blog do Rodrigo” utilize “leia o blog do Rodrigo“.
- Tag Label: utilizar a tag Label em todos os campos de um formulário, ela cria uma legenda para descrever o que deve ser escrito naquele campo. Por exemplo:
<form id=“login” name=“login” action=“” method=“post”> <label for=“nome”>Nome:</label><input type=“text” id=“nome” name=“nome” /> <label for=“senha”>Senha:</label><input type=“text” id=“senha” name=“senha” /> </form>
- Nada de pop-ups: apesar de achar que já não exista mais esse tipo de coisa (doce ilusão), achei ainda válido comentar aqui. Ao abrir uma pop-up o deficiente perde a referência e não consegue mais encontrar o conteúdo que ele estava atrás, então não se deve utilizá-las.
Apesar de algumas dessas eu já saber antes mesmo de ler o artigo, nunca tinha me dado conta de escrever aqui e a leitura me deu o estalo. Quem tiver outras sugestões, comente! Se eu lembrar de mais alguma, também acrescentarei. Abraços!