Auswahllisten ohne Beschriftung

Meldung in axe und Lighthouse: <select> Elemente müssen einen zugänglichen Namen (accessible name) besitzen. · select-name · WCAG 4.1.2

Was das bedeutet und warum es wichtig ist

Größen-, Farb- oder Länderauswahl ohne Label kann von Hilfstechnik nicht zugeordnet werden (WCAG 4.1.2).

So beheben Sie es

Jedem <select> ein <label> oder aria-label geben.

Code-Beispiel

Vorher

<select name="size"><option>S</option><option>M</option></select>

Nachher

<label for="size">Size</label>
<select id="size" name="size"><option>S</option><option>M</option></select>

Alle Barrierefreiheits-Fehler