HTML COM ACESSIBILIDADE

Sintaxe para inserção de links

Para inserir um link em HTML, devemos utilizar a tag em par <a> derivada da palavra (anchor = âncora), que possui uma parte referente à sua abertura onde são inseridos os atributos e outra referente ao seu fechamento. Abaixo, segue a sintaxe geral para a inserção de links em HTML:

<a href="url"> DESCRIÇÃO DO LINK </a>
Onde:
(href):

É o atributo principal da tag anchor, usado para indicar a localização do arquivo de destino ao qual o link se refere. O valor "url" representado acima, deverá ser substituído pelo endereço (protocolo://www.servidor.sigla.país/caminho/nome_do_arquivo) no qual deseja referenciar.

Dependendo da aplicação do link, o valor passado para o atributo (href), sofrerá algumas variações, como por exemplo: utilização apenas de parte da URL, uso de um endereço de correio eletrônico etc.

Descrição do link:

Esta descrição será apresentada na página com destaque (a maioria dos Web browsers a coloca sublinhada ou com uma cor diferente do restante do texto). O cursor ao ser posicionado sobre esta descrição, automaticamente é transformado na imagem de uma (mãozinha) indicando ser um hiperlink e ao ser acessado, trará o arquivo referenciado pelo atributo (href).

Verifique no item posterior, os atributos alternativos (accesskey) e (title) que podem ser utilizados como um recurso muito interessante para a promoção da acessibilidade.

(accesskey):

Este atributo é utilizado para atribuir uma tecla de atalho ao link. A tecla de atalho deverá ser composta por um caracter alfanumérico e este, ao ser combinado com a tecla (alt) durante a navegação, focalizará diretamente o link correspondente, indiferentemente da posição atual do cursor dentro da página ativa.

(title):

Este atributo apresentará uma descrição alternativa para o link, no instante em que este receber o foco do cursor. Esta descrição aparecerá dentro de uma moldura e caso o usuário esteja utilizando um programa leitor de telas para navegar por esta página, esta descrição lhe será falada.

Exemplo genérico do uso dos atributos (accesskey) e (title):

<a href="url" accesskey="l" title="Descrição usando o atributo title"> Descrição escrita no corpo do documento </a>

Note que no exemplo acima, usamos o atributo (accesskey="l"), onde fará com que este link receba o foco quando o usuário ao navegar por esta página, pressionar simultaneamente as teclas (alt+l).

Este link, ao receber o foco, trará a descrição que foi passada como valor ao atributo (title), no caso a mensagem: "Descrição usando o atributo title"

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.