Rampsight

Todas as regras

Estrutura

<dt> e <dd> precisam estar dentro de uma lista de definição

Por que isso importa

Fora de uma <dl> esses elementos não carregam significado algum — o par termo/definição só existe dentro da lista.

Como corrigir

  1. Envolva os pares em uma <dl>.
  2. Mantenha qualquer <div> de agrupamento dentro da <dl>, não em volta dela.

Na marcação

Falha
<div>
  <dt>VAT</dt>
  <dd>Value added tax</dd>
</div>
Passa
<dl>
  <dt>VAT</dt>
  <dd>Value added tax</dd>
</dl>

A exigência por trás disso

Esta regra é uma das formas de falhar nos seguintes critérios de sucesso das WCAG 2.2. O W3C, que publica a norma, explica cada um deles:

Para aprofundar

Deque University sobre dlitem (abre em nova aba)

A Deque mantém o axe-core, o motor de código aberto que o nosso scanner executa. A página deles documenta a regra como o motor a implementa.

Verificações automáticas encontram falhas que o navegador consegue comprovar. Elas não julgam se uma legenda está correta, se um texto alternativo é útil, nem se a página pode ser operada de ponta a ponta pelo teclado — isso exige uma pessoa.