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: 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> |