Kostenloser Scan

„ARIA-Rolle ohne nötiges Elternelement“ in HTML beheben

Warum das ein Problem ist

Ein tab außerhalb einer tablist oder eine option außerhalb einer listbox wird ohne Kontext angesagt.

So beheben Sie es — HTML

Platzieren Sie es im erwarteten Container oder entfernen Sie die Rolle, wenn das Bedienelement sie nicht rechtfertigt.

Vermeiden
<ul>
  <li role="option">Paris</li>
  <li role="option">Lyon</li>
</ul>
Korrekt
<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>

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

Weitere Korrekturen