Técnicas para as WCAG 2.0

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

-

H40: Utilizar listas de definições

Aplicabilidade

HTML e XHTML.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é fornecer as definições das palavras ou frases, apresentando-as numa lista de definições. A lista é marcada utilizando o elemento dl . Na lista, cada termo é colocado num elemento dt separado, e a respectiva definição colocada no elemento dd imediatamente a seguir. O atributo title pode ser utilizado para fornecer informações adicionais sobre a lista de definições.

A utilização de dl, dte dd garante que as relações entre os termos e as respectivas definições são mantidas se o formato de apresentação for alterado e que a lista de termos e definições é tratada como uma unidade.

As listas de definições são mais fáceis de utilizar quando as definições são colocadas por ordem alfabética. As listas de definições são, normalmente, utilizadas num glossário.

Exemplos

Exemplo 1

Uma lista de definições de termos náuticos utilizada num sítio da Web sobre navegação.

Código Exemplo:

<dl title="Nautical terms">
  <dt>Knot</dt>
  <dd>
    <p>A <em>knot</em> is a unit of speed equaling 1 
      nautical mile per hour (1.15 miles per hour or 1.852 
      kilometers per hour).</p>
  </dd>
  <dt>Port</dt>
  <dd>
    <p><em>Port</em> is the nautical term (used on 
      boats and ships) that refers to the left side
      of a ship, as perceived by a person facing towards 
      the bow (the front of the vessel).</p>
  </dd>
  <dt>Starboard</dt>
  <dd>
    <p><em>Starboard</em> is the nautical term (used 
      on boats and ships) that refers to the right 
      side of a vessel, as perceived by a person 
      facing towards the bow (the front of the vessel).</p>
  </dd>
</dl> 

Recursos

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

Testes

Procedimento

Para qualquer conjunto de palavras e respectivas definições que tenham o aspecto de uma lista:

  1. Verifique se a lista está incluída num elemento dl .

  2. Verifique se cada palavra definida na lista está incluída num elemento dt .

  3. Verifique se a definição de cada palavra é apresentada no elemento dd imediatamente a seguir ao elemento dt da palavra.

Resultados Esperados