Gruppering med fieldset

Silktide tjekker, at grupper af relaterede radioknapper eller afkrydsningsfelter er omsluttet af et fieldset. Fieldsettet fortæller , at indstillingerne hører sammen og udgør et enkelt spørgsmål.

I fungerer radioknapper og afkrydsningsfelter, der deler den samme name-attribut, som én gruppe – vælg din størrelse, vælg dit fyld. Visuelt er grupperingen tydelig, fordi indstillingerne står sammen; i koden er det kun et <fieldset>, der gør den eksplicit.

<!-- Problem: relaterede indstillinger uden noget, der grupperer dem -->
<label><input type="checkbox" name="fruit" value="apple"> Æble</label>
<label><input type="checkbox" name="fruit" value="banana"> Banan</label>

Hvorfor det er vigtigt

En annoncerer hver indstilling, når den nås. Uden en gruppe hører brugeren "Æble, afkrydsningsfelt" og "Banan, afkrydsningsfelt" uden nogen angivelse af, hvilket spørgsmål de besvarer – spørgsmålsteksten kan være blevet læst længe før eller slet ikke være tilknyttet. Når de er omsluttet af et fieldset med en legend, annonceres hver indstilling i sin kontekst, så brugeren altid ved, hvad vedkommende vælger.

Sådan løser du det

Omslut hvert sæt af relaterede indstillinger med et <fieldset>, og beskriv gruppen med en <legend>:

<!-- Løst: Gruppen er eksplicit og har et navn -->
<fieldset>
  <legend>Vælg dine yndlingsfrugter</legend>
  <label><input type="checkbox" name="fruit" value="apple"> Æble</label>
  <label><input type="checkbox" name="fruit" value="banana"> Banan</label>
</fieldset>

Sådan tester Silktide dette

Find hver radioknap og hvert afkrydsningsfelt på hver side.
Gruppér dem efter deres name-attribut.
Rapportér for hver gruppe med to eller flere alle medlemmer, der ikke er inde i et <fieldset>-element.

Fejlfinding

Mine indstillinger er grupperet på en anden måde

Dette tjek leder specifikt efter et overordnet <fieldset>. Grupperinger, der kun er udtrykt visuelt eller med anden markup såsom role="group", bliver ikke registreret. Fieldset-tilgangen har den bredeste understøttelse; hvis du er sikker på, at din alternative gruppering annonceres korrekt, kan du fundet.