Estrutura
<dt> e <dd> precisam estar dentro de uma lista de definição
- Regra:
dlitem - Gravidade: Grave
- Nível WCAG A
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
- Envolva os pares em uma <dl>.
- Mantenha qualquer <div> de agrupamento dentro da <dl>, não em volta dela.
Na marcação
<div>
<dt>VAT</dt>
<dd>Value added tax</dd>
</div><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:
- 1.3.1 Informação e relações (abre em nova aba) — Nível WCAG A
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.