Escaneo gratis

Corregir «Rol ARIA sin el padre requerido» en HTML

Por qué es un problema

Un tab fuera de una tablist o una option fuera de una listbox se anuncian sin contexto.

Cómo corregirlo — HTML

Colóquelo dentro del contenedor esperado o retire el rol si el componente no lo justifica.

Evitar
<ul>
  <li role="option">Paris</li>
  <li role="option">Lyon</li>
</ul>
Correcto
<ul role="listbox" aria-label="Ville">
  <li role="option" aria-selected="true">Paris</li>
  <li role="option" aria-selected="false">Lyon</li>
</ul>

<!-- Ou l'élément natif, qui gère tout seul le clavier : -->
<label for="ville">Ville</label>
<select id="ville"><option>Paris</option><option>Lyon</option></select>

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.

Escaneo gratis

Otras correcciones