Técnicas para as WCAG 2.0

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

-

H77: Identificar a finalidade de um link utilizando o texto do link em conjunto com os respectivos itens da lista

Aplicabilidade

Todas as tecnologias que incluam links.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é identificar a finalidade de um link a partir do link e do contexto do respectivo item de lista. O item de lista relacionado com o link fornece o contexto para um link, que seria, de outra forma, pouco claro, quando o item do link é o elemento ancestor do nível do bloco mais próximo. A descrição permite ao utilizador distinguir este link de outros na página Web que conduzem a outros destinos e ajuda o utilizador a determinar se deve aceder ao link. De salientar que, fornecer simplesmente o URI do destino não é, regra geral, suficientemente descritivo.

Nota: Estas descrições são muito úteis para o utilizador se as informações adicionais necessárias para compreender o link precederem o mesmo. Se as informações adicionais estiverem a seguir ao link, podem originar confusão e dificuldade aos utilizadores de leitores de ecrã que lêem a página por ordem (de cima para baixo).

Exemplos

Exemplo 1

Código Exemplo:

<ul>
  <li>
    Check out the video report for last year's 
    <a href="festival.htm">National Folk Festival</a>.
  </li>
  <li>
    <a href="listen.htm">Listen to the instruments</a>
  </li>
  <li>
    Guitar Man: George Golden talks about 
    <a href="mkguitars.htm">making guitars</a>.
  </li>
</ul>

Exemplo 2: Uma lista de jogos de vídeo para download

Código Exemplo:

<ul>
  <li>
    <a href="tomb_raider.htm">Tomb Raider: Legend</a>
    <a href="tomb_raider_images.htm">See Images</a>
    <a href="tomb_raider.mpeg">(Download Demo)</a>
  </li>
  <li>
    <a href="fear_extraction.htm">F.E.A.R. Extraction Point</a>
    <a href="fear_extraction_images.htm">See Images</a>
    <a href="fear_extraction.mpeg">(Download Demo)</a>
  </li>
  <li>
    <a href="call_of_duty.htm">Call of Duty 2</a>
    <a href="call_of_duty_images.htm">See Images</a>
    <a href="call_of_duty.mpeg">(Download Demo)</a>
  </li>
  <li>
    <a href="Warhammer 40K.htm">Warhammer 40K</a>
    <a href="warhammer_40k_images.htm">See Images</a>
    <a href="Warhammer_40k.mpeg">(Download Demo)</a>
  </li>
</ul> 

Recursos

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

Testes

Procedimento

Para cada link existente no conteúdo que utilize esta técnica:

  1. Verifique se o link é parte de um item de lista.

  2. Verifique se o texto do link em conjunto com o texto do respectivo item de lista descreve a finalidade do link.

Resultados Esperados