HTML COM ACESSIBILIDADE

Inserindo botões gráficos de acesso

Para tornar a navegação muito mais agradável e intuitiva, juntamente com o recurso da inserção de links, podemos utilizar pequenas imagens (ícones) como botões sensíveis para fazer referência a uma outra página em HTML. Neste caso, devemos nos lembrar sempre de retirar a borda da imagem, passando o valor "0" ao atributo (border) e ao atributo (alt), uma descrição textual referente a ação que será executada..

Exemplos:

Uma imagem que ao ser clicada dá acesso ao Portal do Deficiente Visual:

Perceba nos exemplos, no lugar da descrição do link, inserimos uma imagem e esta ao ser clicada, executará uma ação de acordo com o valor passado ao atributo (href) do link, que poderá ser o carregamento de uma nova página, a abertura do aplicativo de correio eletrônico, o deslocamento para um determinado ponto dentro da página atual, a realização do procedimento de download de arquivos etc.

Uma imagem (.gif) animada com o sinal de "@" girando, que ao ser clicada abre a janela do aplicativo padrão de correio eletrônico:
<a href="http://www.deficientevisual.org.br"><img src="/images/portal_dv.gif" height="60" width="55" border="0" alt="Portal do deficiente visual"></a>
<a href="mailto:webmaster@servidor.sigla.país?subject=Fale com o WebMaster"><img src="/images/email.gif" height="60" width="55" border="0" alt="Fale com o WebMaster"></a>

Caso uma imagem represente um fator relevante para o entendimento dentro do contexto geral da página, podemos associá-la a um link nulo, permitindo que esta imagem seja focalizada através da navegação feita pelo uso dos atalhos de teclado e deste modo, garantimos que pessoas impossibilitadas de utilizarem o mouse ou que utilizem programas leitores de tela, também tenham acesso à sua descrição fornecida através do atributo (alt).

Observe o exemplo abaixo:

De acordo com o exemplo, o visitante ao navegar com o uso da tecla (tab) pela página, terá acesso ao logotipo de acessibilidade e com isso, saberá que o desenvolvedor deste site tem a intenção de possibilitar o acesso a todas as pessoas indiferentemente dos seus recursos computacionais ou das suas habilidades físicas e ou sensoriais.

<a href="#"><img src="/images/logoacessibilidade.gif" border="0" height="46" width="49" alt="Logotipo de Acessibilidade"></a>

Pressione ENTER para retornar a página anterior.Pressione ENTER para retornar ao Menu. Pressione ENTER para avançar para a próxima página.