Validación HTML: El elemento "dl" carece de un elemento hijo requerido.

Acerca de este problema HTML

Según la especificación HTML, el modelo de contenido del elemento <dl> requiere uno o más grupos, donde cada grupo consiste en uno o más elementos <dt> seguidos de uno o más elementos <dd>. Alternativamente, estos grupos pueden envolverse en elementos <div> con fines de estilo. Un <dl> vacío o uno que carece de cualquiera de las partes del emparejamiento es inválido.

Esto importa por varias razones. Los lectores de pantalla y otras tecnologías de asistencia dependen de la estructura adecuada de las listas de descripción para transmitir la relación entre los términos y sus descripciones. Cuando la estructura está incompleta, estas herramientas no pueden comunicar el significado previsto a los usuarios. Los navegadores también pueden renderizar listas de descripción malformadas de manera inconsistente, llevando a diseños impredecibles.

Para solucionar este problema, asegúrate de que cada <dl> contenga al menos un elemento <dt> emparejado con al menos un elemento <dd>. Si solo tienes un <dd>, añade el <dt> correspondiente. Si solo tienes un <dt>, añade el <dd> correspondiente. Si la lista está vacía o no tienes contenido para ambas partes, considera si un <dl> es el elemento adecuado para tu caso de uso—un <ul> o <p> podrían ser más apropiados.

Ejemplos

Elemento `<dt>` faltante

Un <dd> sin su <dt> correspondiente desencadena este error:

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

Añade el <dt> faltante para completar el grupo:

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

Elemento `<dd>` faltante

Un <dt> sin un <dd> siguiente también desencadena este error:

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

Añade el <dd> faltante para proporcionar la descripción:

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

Elemento `<dl>` vacío

Una lista de descripción vacía es inválida:

<dl></dl>

O bien poblarla con un grupo completo término-descripción o eliminar el elemento por completo.

Múltiples términos y descripciones

Un solo <dt> puede tener múltiples elementos <dd>, y múltiples elementos <dt> pueden compartir el mismo <dd>. Ambos son 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>

Usar envoltorios `<div>`

Puedes envolver cada grupo nombre-valor en un <div> con fines de estilo, pero cada <div> debe seguir conteniendo el emparejamiento requerido de <dt> y <dd>:

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