„ARIA-Rolle ohne nötige Kindelemente“ in HTML beheben
Warum das ein Problem ist
Eine tablist ohne tab oder eine listbox ohne option wird leer angesagt, ohne Anzahl und Position der Einträge.
So beheben Sie es — HTML
Geben Sie den direkten Kindern die erwartete Rolle oder entfernen Sie die Rolle des Containers; zwischengeschaltete <div> erhalten 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>Prüfen Sie Ihre Website in 30 Sekunden
Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.
Kostenloser Scan