Fieldset-Gruppierung

Silktide prüft, dass Gruppen verwandter Optionsfelder (Radio-Buttons) oder Kontrollkästchen in einem Fieldset zusammengefasst sind. Das Fieldset teilt mit, dass die Optionen zusammengehören und eine einzelne Frage bilden.

In verhalten sich Optionsfelder und Kontrollkästchen, die dasselbe Attribut name teilen, als eine Gruppe – Größe wählen, Beläge auswählen. Visuell ist die Gruppierung offensichtlich, weil die Optionen beieinander stehen; im Code macht nur ein <fieldset> sie explizit.

<!-- Problem: Verwandte Optionen ohne Gruppierung -->
<label><input type="checkbox" name="fruit" value="apple"> Apfel</label>
<label><input type="checkbox" name="fruit" value="banana"> Banane</label>

Warum das wichtig ist

Ein kündigt jede Option an, sobald sie erreicht wird. Ohne eine Gruppe hört die Person "Apfel, Kontrollkästchen" und "Banane, Kontrollkästchen", ohne Hinweis darauf, welche Frage sie beantworten – der Fragetext wurde möglicherweise lange zuvor vorgelesen oder überhaupt nicht zugeordnet. In einem Fieldset mit einer Legende eingebettet, wird jede Option in ihrem Kontext angekündigt, sodass die Person immer weiß, was sie auswählt.

So beheben Sie das

Fassen Sie jede Gruppe verwandter Optionen in einem <fieldset> zusammen und beschreiben Sie die Gruppe mit einer <legend>:

<!-- Behoben: Die Gruppe ist explizit und benannt -->
<fieldset>
  <legend>Wählen Sie Ihre Lieblingsfrüchte</legend>
  <label><input type="checkbox" name="fruit" value="apple"> Apfel</label>
  <label><input type="checkbox" name="fruit" value="banana"> Banane</label>
</fieldset>

So testet Silktide das

Alle Optionsfelder (Radio-Buttons) und Kontrollkästchen auf jeder Seite finden.
Sie nach ihrem name-Attribut gruppieren.
Für jede Gruppe mit zwei oder mehr Elementen jedes Mitglied melden, das sich nicht innerhalb eines <fieldset>-Elements befindet.

Fehlerbehebung

Meine Optionen sind anders gruppiert

Diese Prüfung sucht ausdrücklich nach einem übergeordneten <fieldset>-Element. Gruppierungen, die nur visuell ausgedrückt sind oder mit anderem Markup wie role="group", werden nicht erkannt. Der Fieldset-Ansatz ist am weitesten unterstützt; wenn Sie sicher sind, dass Ihre alternative Gruppierung korrekt angekündigt wird, können Sie den Befund .