listitem-parent-valid

Los elementos de lista deben estar dentro de un contenedor de lista

automaticWCAG 1.3.1 (A)confianza: highgravedad: seriousperceivable

Comprueba que los elementos <li> estén contenidos en <ul>, <ol> o en un elemento con role="list".

Ámbito de aplicación. Se aplica a elementos <li> que tienen un elemento padre.

Resultado esperado. El padre es <ul>/<ol> sin un rol que lo sobrescriba, o un elemento con un rol explícito de "list", "presentation" o "none". Un <li> usado fuera de un contenedor de lista real (por ejemplo, como elemento genérico de flex/grid dentro de un <div>) no se expone como elemento de lista a las tecnologías de asistencia.

Ejemplos

pass
<ul>
<li>Apple</li>
</ul>

`<li>` está dentro de un `<ul>`.

fail
<div>
<li>Date</li>
</div>

`<li>` no tiene ningún ancestro `<ul>`/`<ol>`/`role="list"`.

Ver código fuente