„ARIA-Befehl ohne Namen“ in HTML beheben
Warum das ein Problem ist
Ein Element mit der Rolle button, link oder menuitem, aber ohne Text wird nur als „Schaltfläche“ angesagt. Typischer Fall ist die reine Icon-Schaltfläche.
So beheben Sie es — HTML
Geben Sie dem Befehl einen zugänglichen Namen: sichtbarer Text, aria-label oder aria-labelledby. Das Icon sollte aria-hidden tragen, damit es nicht doppelt angesagt wird.
<div role="button" tabindex="0">
<svg>…</svg>
</div><button type="button" aria-label="Fermer la fenêtre">
<svg aria-hidden="true">…</svg>
</button>
<!-- Ou, si un libellé existe déjà dans la page : -->
<h2 id="titre-panneau">Filtres</h2>
<button type="button" aria-labelledby="titre-panneau">
<svg aria-hidden="true">…</svg>
</button>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