Técnicas para as WCAG 2.0

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

-

H81: Identificar a finalidade de um link numa lista encaixada utilizando o texto do link em conjunto com o item da lista principal sob o qual a lista está encaixada

Aplicabilidade

HTML e XHTML.

Esta técnica está relacionada com:

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

Embora as informações de contexto estejam associadas de forma programática ao link, a tecnologia de apoio não possui comandos para ler o item de lista principal sem desviar o foco do link.

Descrição

O objectivo desta técnica é descrever a finalidade de um link numa lista encaixada a partir do contexto fornecido pelo item de lista sob o qual a lista está encaixada. Este item de lista fornece o contexto para um link que seria, de outra forma, pouco claro. 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.

Uma vez que as tecnologias de apoio não incluem comandos para solicitar informações de contexto fornecidas pelos itens de lista principais, a utilização desta técnica requer que o utilizador navegue num item de cada vez na lista. Por conseguinte, esta técnica pode não ser apropriada para listas muito extensas ou profundamente encaixadas.

Nota: Sempre que possível, forneça texto do link que identifique a finalidade do link sem ser necessário contexto adicional.

Exemplos

Exemplo 1: Um documento fornecido em três formatos

Código Exemplo:

<ul>
<li>Annual Report 2005-2006
  <ul> 
  <li><a href="annrep0506.html">(HTML)</a></li>
  <li><a href="annrep0506.pdf">(PDF)</a></li>
  <li><a href="annrep0506.rtf">(RTF)</a></li>
  </ul>
</li>
<li>Annual Report 2006-2007
  <ul> 
  <li><a href="annrep0607.html">(HTML)</a></li>
  <li><a href="annrep0607.pdf">(PDF)</a></li>
  <li><a href="annrep0607.rtf">(RTF)</a></li>
  </ul>
</li>
</ul> 

Exemplo 2: Blocos de informação sobre hotéis

As informações sobre cada hotel consistem no nome do hotel, numa descrição e numa série de links para um mapa, fotografias, indicações, apreciações de convidados e um formulário de reservas.

Código Exemplo:

<ul>
<li><a href="royal_palm_hotel.html">Royal Palm Hotel</a>
  <ul class="horizontal">
    <li><a href="royal_palm_hotel_map.html">Map</a></li>
    <li><a href="royal_palm_hotel_photos.html">Photos</a></li>
    <li><a href="hroyal_palm_hotel_directions.html">Directions</a></li>
    <li><a href="royal_palm_hotel_reviews.html">Guest reviews</a></li>
    <li><a href="royal_palm_hotel_book.html">Book now</a></li>
  </ul>
</li>
<li><a href="hotel_three_rivers.html">Hotel Three Rivers</a>
  <ul class="horizontal">
    <li><a href="hotel_three_rivers_map.html">Map</a></li>
    <li><a href="hotel_three_rivers_photos.html">Photos</a></li>
    <li><a href="hotel_three_rivers_directions.html">Directions</a></li>
    <li><a href="hotel_three_rivers_reviews.html">Guest reviews</a></li>
    <li><a href="hotel_three_rivers_book.html">Book now</a></li>
  </ul>
</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. Encontre o elemento ul ou ol que contém o link.

  2. Verifique se este elemento de lista (ul, ol) é um descendente de um elemento li .

  3. Verifique se o texto do link, em conjunto com o texto desse elemento li, descreve a finalidade do link.

Resultados Esperados