Técnicas para as WCAG 2.0

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

-

H80: Identificar a finalidade de um link utilizando o texto do link em conjunto com o elemento heading precedente

Aplicabilidade

HTML e XHTML.

Esta técnica está relacionada com:

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

O comando para beneficiar desta técnica no JAWS é "JAWS KEY + T".

Descrição

O objectivo desta técnica é descrever a finalidade de um link a partir do contexto fornecido pelo respectivo contexto do cabeçalho. O cabeçalho precedente fornece 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.

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

<h2><a href="royal_palm_hotel.html">Royal Palm Hotel</a></h2>
  <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>

<h2><a href="hotel_three_rivers.html">Hotel Three Rivers</a></h2>
  <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> 

Exemplo 2: Um documento fornecido em três formatos

Código Exemplo:

<h2>Annual Report 2006-2007</h2>
<p> 
  <a href="annrep0607.html">(HTML)</a>&nbsp;
  <a href="annrep0607.pdf">(PDF)</a>&nbsp;
  <a href="annrep0607.rtf">(RTF)</a>
</p> 

Exemplo 3: O sítio da Web de um jornal

Código Exemplo:

<h2><a href="Stockmarket_05052007.htm>Stock market soars as bullishness prevails</a></h2>
<p>this week was a stellar week for the stock market as investing in gold rose 2%. 
<a href="Stockmarket_05052007.htm>More here</a></p> 

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 heading que precede o link.

  2. Verifique se o texto do link, em conjunto com o texto desse cabeçalho, descreve a finalidade do link.

Resultados Esperados