Optionsgruppe ohne Gruppenbeschriftung

WCAG 1.3.1, 3.3.2 (A) · EN 301 549 9.1.3.1

Zusammengehörige Kontrollkästchen oder Optionsfelder stehen nicht in einem <fieldset> mit <legend>.

Warum das zählt

Ohne Gruppierung liest ein Screenreader „S, M, L, XL“ vor, ohne je zu sagen, dass die Frage „Größe“ lautete. Jede Option wird für sich gehört, aus dem Zusammenhang gerissen.

So wird es behoben

Fassen Sie die Gruppe in einem <fieldset> zusammen und schreiben Sie die Frage in die <legend>. Alternativ verwenden Sie role="radiogroup" mit einem aria-label.

<p>Größe</p>
<input type="radio" name="groesse" id="s"><label for="s">S</label>
<input type="radio" name="groesse" id="m"><label for="m">M</label>

<fieldset>
  <legend>Größe</legend>
  <input type="radio" name="groesse" id="s"><label for="s">S</label>
  <input type="radio" name="groesse" id="m"><label for="m">M</label>
</fieldset>

Verwandte Themen

• Formularfelder ohne Beschriftung
• Der Platzhalter übernimmt die Aufgabe der Beschriftung
• Pflichtfeld nur optisch gekennzeichnet
• Überschriftenebenen übersprungen