definition-list-children-valid

Las listas de descripciones deben tener una estructura válida

automaticWCAG 1.3.1 (A)confianza: highgravedad: seriousperceivable

Comprueba que los elementos <dl> solo contengan directamente grupos <dt>/<dd> (opcionalmente envueltos en un <div>), <script>, <template> o <style>.

Ámbito de aplicación. Se aplica a elementos <dl> que tienen al menos un elemento hijo directo.

Resultado esperado. Cada elemento hijo directo es <dt>, <dd>, <script>, <template>, <style>, o un <div> cuyos propios hijos proceden de ese mismo conjunto (se permite un único nivel de div envolvente, coincidiendo con la forma habitual en que los autores agrupan pares dt/dd). Si el conjunto aplanado contiene algún <dt> o <dd>, debe contener AMBOS (un dt sin dd o un dd sin dt desequilibrado es inválido). Un conjunto aplanado sin ninguno de los dos es válido de forma vacua, no una infracción (véanse las notas de implementación). Cualquier otro hijo directo o envuelto rompe la semántica de lista de descripción de la que dependen las tecnologías de asistencia.

Ejemplos

pass
<dl>
<dt>Term</dt>
<dd>Definition</dd>
</dl>

Los únicos hijos directos de `<dl>` son `dt`/`dd`.

fail
<dl>
<dt>Term</dt>
<dd>Definition</dd>
<p>oops</p>
</dl>

El `<p>` es un hijo directo de `<dl>` que no es `dt`/`dd` (ni un envoltorio permitido).

Ver código fuente