Corregir «Rol ARIA sin los hijos requeridos» en HTML

Por qué es un problema

Una tablist sin tab o una listbox sin option se anuncian vacías, sin número de elementos ni posición.

Cómo corregirlo — HTML

Asigne a los hijos directos el rol esperado o retire el rol del contenedor; marque los <div> intermedios con role="none".

<div role="tablist">
  <button>Mensuel</button>
  <button>Annuel</button>
</div>

<div role="tablist" aria-label="Période de facturation">
  <button role="tab" aria-selected="true" aria-controls="p-mois" id="t-mois">Mensuel</button>
  <button role="tab" aria-selected="false" aria-controls="p-an" id="t-an" tabindex="-1">Annuel</button>
</div>

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.

Otras correcciones

• Image sans alternative textuelle
• Bouton sans intitulé accessible
• Lien sans intitulé
• Champ de formulaire sans étiquette