Das i-Tüpfelchen der Barrierefreiheit

veröffentlicht in 2010

zuletzt bearbeitet in

eindeutige IDs

IDs müssen eindeutig sein. Im folgenden Beispiel ist unklar, welches Formularelement das label-Element beschriften soll:

<!-- nicht nachahmen -->
<input id="ich-bin-einzigartig"> …
… <label for="ich-bin-einzigartig">Beschriftung wofür?</label> …
… <select id="ich-bin-einzigartig"> … </select>

Uneindeutige IDs können überall dort zu Problemen führen, wo Attribute auf sie verweisen. Das ist bei einem for-Attribut für ein label-Element der Fall oder auch bei headers-, aria-labelledby- oder aria-owns-Attributen.

Hinweis: Wenn zwei Elemente die gleiche ID erhalten, bedeutet das nicht zwingend eine Barriere.