Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

H33: Fornecer suplementos ao texto do link com o atributo title

Aplicabilidade

HTML e XHTML.

Esta técnica está relacionada com:

Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

Descrição

O objectivo desta técnica é demonstrar como utilizar um atributo title num elemento anchor para fornecer texto adicional com a descrição de um link. O atributo title é utilizado para fornecer informações adicionais para ajudar a clarificar ou a descrever mais detalhadamente a finalidade de um link. Se as informações suplementares fornecidas através do atributo title forem algo que o utilizador deva saber antes de seguir o link, tal como um aviso, então deverão ser fornecidas no texto do link em vez de no atributo title .

Devido às extensas limitações dos agentes de utilizador no suporte ao acesso ao atributo title, os autores devem ter cuidado ao aplicar esta técnica. Por este motivo, é preferível que o autor utilize a técnica C7: Utilizar CSS para ocultar uma parte do texto do link (CSS) ou H30: Fornecer texto de link que descreva a finalidade de um link para os elementos anchor (HTML) .

Exemplos

Exemplo 1: Clarificar a finalidade de um link

Código Exemplo:

<a href="http://example.com/WORLD/africa/kenya.elephants.ap/index.html" 
   title="Read more about failed elephant evacuation">
   Evacuation Crumbles Under Jumbo load
</a>

Exemplo 2: Um link que é apresentado numa nova janela

Em HTML 4.01, o atributo target="_blank" pode ser utilizado num elemento anchor para indicar que o URI especificado pelo atributo href será apresentado numa nova janela. Este exemplo mostra como utilizar o atributo title do elemento anchor para fornecer a informação de que o link será apresentado numa nova janela.

Código Exemplo:

<a href="http://example.com/subscribe.html" 
     target="_blank" 
     title="link opens in new window">
     Subscribe to email notifications about breaking news
</a>

Recursos

Não existem recursos disponíveis para esta técnica.

Testes

Procedimento

Verifique o código fonte para os elementos anchor.

  1. Para cada elemento anchor que tenha um atributo title, verifique se o atributo title, juntamente com o texto do link, descreve a finalidade do link.

Resultados Esperados