„Auswahlliste ohne zugänglichen Namen“ in HTML beheben
Warum das ein Problem ist
Ein Screenreader kündigt „Auswahlliste“ an, ohne zu sagen, was sie steuert. Im Bestellformular bleibt offen, ob Größe, Farbe oder Lieferland gewählt wird.
So beheben Sie es — HTML
Verknüpfen Sie ein <label> über sein for-Attribut mit der id des <select>. Ist ein sichtbares Label unmöglich, nutzen Sie aria-label.
<select name="pays">
<option value="">Choisir…</option>
<option value="fr">France</option>
</select><label for="pays">Pays de livraison</label>
<select id="pays" name="pays">
<option value="">Choisir…</option>
<option value="fr">France</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