Anderson Triacca

08/10/2009Navegação Alternativa

Atigo Originalmente publicado no MX Studio em 2007.

Olá a todos, na ultima coluna eu discutí um pouco de acessibilidade em imagens, e nesse artigo irei explicar um poco de acessibilidade na navegação da página, afinal de contas não adianta o deficiente poder entender as imagens do nosso site e não conseguir navegar direito nele não é mesmo?

Uma grande dificuldade que eu tenho notado quando os deficientes navegam em sites com leitores de tela é que quando chegam ao final da página eles simplesmente se perdem, pois não existe nenhuma indicação de que o conteúdo acabou, e muito menos de em que lugar da página eles estão.

Após algum tempo pensando eu encontrei uma possível solução para o problema, solução que eu gosto de chamar de Navegação Alternativa. Funciona da seguinte forma, no final do conteúdo você coloca uma indicação de que o conteúdo acabou e faz uma navegação para o deficiente.

Pareceu meio confuso? Vou explicar melhor. No final do conteúdo do site você deve colocar um parágrafo indicando que ali acaba o conteúdo, para que o deficiente possa se orientar, e no css você coloca display: none, para que ele não interfira no layout do site.

No html fica assim:

…
<p class=”final”>Fim do Conteúdo</p>
…

E no CSS fica assim:

…
.final {
 display: none;
}
…

É uma coisa extremamente simples a ser feita, mas que vai fazer uma grande diferença para um deficiente visual. Agora vem a segunda e mais importante medida da navegação alternativa, a navegação alternativa!
Funciona da seguinte forma: você cria âncoras em locais estratégicos da página(menu de navegação, inicio do conteudo, final do conteúdo) e faz links para estas âncoras após a indicação do final do conteúdo.

Os lugares mais importantes para se colocar as âncoras são o menu de navegação e o início do conteúdo.
O menu de navegação para que ao chegar no final da página o deficiente possa saltar diretamente até o menu, sem ter que ler toda informação do topo(redundante para ele) novamente, e poder acessar rapidamente as outra páginas do site. E no início do conteudo, para que se ele quiser ler o conteúdo novamente, ele possa fazer isso rapidamente.

Outro lugar muito importante é antes do menu de navegação, para o deficiente poder ir direto ao conteúdo sem ter q ler todo menu novamente quando ele visitar uma nova página do site, esse link é popularmente chamado de “Pular Navegação”.

São todas orientações bem simples, que não exigem mais do que 10 minutos de desenvolvimento, mas que com certeza vão melhorar muito a experiência de um deficiente visual no seu site.

Obrigado a todos e até a próxima.

< acessibilidade /> comentários(0)