Verificação HTML: Elemento "dl" está a faltar um elemento filho obrigatório.

Sobre este problema HTML

De acordo com a especificação HTML, o modelo de conteúdo do elemento <dl> requer um ou mais grupos, onde cada grupo consiste em um ou mais elementos <dt> seguidos de um ou mais elementos <dd>. Em alternativa, estes grupos podem ser envolvidos em elementos <div> para fins de estilo. Um <dl> vazio ou um que não tenha qualquer lado do emparelhamento é inválido.

Isto é importante por várias razões. Os leitores de ecrã e outras tecnologias assistivas dependem da estrutura adequada das listas de descrição para transmitir a relação entre os termos e as suas descrições. Quando a estrutura está incompleta, estas ferramentas não conseguem comunicar o significado pretendido aos utilizadores. Os navegadores também podem renderizar listas de descrição malformadas de forma inconsistente, levando a layouts imprevisíveis.

Para corrigir este problema, certifique-se de que cada <dl> contém pelo menos um elemento <dt> emparelhado com pelo menos um elemento <dd>. Se você tiver apenas um <dd>, adicione o <dt> correspondente. Se você tiver apenas um <dt>, adicione o <dd> correspondente. Se a lista estiver vazia ou você não tiver conteúdo para ambas as partes, considere se um <dl> é o elemento certo para o seu caso de uso—um <ul> ou <p> pode ser mais apropriado.

Exemplos

Elemento `<dt>` em falta

Um <dd> sem o seu <dt> correspondente desencadeia este erro:

<dl>
  <dd>A box without hinges, key, or lid, yet golden treasure inside is hid.</dd>
</dl>

Adicione o <dt> em falta para completar o grupo:

<dl>
  <dt>Egg</dt>
  <dd>A box without hinges, key, or lid, yet golden treasure inside is hid.</dd>
</dl>

Elemento `<dd>` em falta

Um <dt> sem um <dd> seguinte também desencadeia este erro:

<dl>
  <dt>Egg</dt>
</dl>

Adicione o <dd> em falta para fornecer a descrição:

<dl>
  <dt>Egg</dt>
  <dd>A box without hinges, key, or lid, yet golden treasure inside is hid.</dd>
</dl>

Elemento `<dl>` vazio

Uma lista de descrição vazia é inválida:

<dl></dl>

Ou preencha-a com um grupo termo-descrição completo ou remova o elemento inteiramente.

Múltiplos termos e descrições

Um único <dt> pode ter múltiplos elementos <dd>, e múltiplos elementos <dt> podem partilhar o mesmo <dd>. Ambos são válidos:

<dl>
  <dt>Egg</dt>
  <dt>Ova</dt>
  <dd>A box without hinges, key, or lid, yet golden treasure inside is hid.</dd>
  <dd>An oval body laid by birds, reptiles, and other creatures.</dd>
</dl>

Usando envolvimentos `<div>`

Você pode envolver cada grupo nome-valor num <div> para fins de estilo, mas cada <div> deve ainda conter o emparelhamento <dt> e <dd> necessário:

<dl>
  <div>
    <dt>Egg</dt>
    <dd>A box without hinges, key, or lid, yet golden treasure inside is hid.</dd>
  </div>
  <div>
    <dt>Sun</dt>
    <dd>An eye in a blue face saw an eye in a green face.</dd>
  </div>
</dl>