Forklaringer til fieldset

Silktide tjekker, at hver gruppe af formularfelter, der er defineret med et fieldset, også indeholder en legend, som beskriver, hvad gruppen bruges til. Legenden giver hele gruppen et navn, så hver indstilling oplæses i sin sammenhæng.

I grupperer elementet <fieldset> relaterede formularkontrolelementer – et sæt alternativknapper, afkrydsningsfelter eller adressefelter – og elementet <legend> er dets overskrift.

<!-- Problem: Gruppen har ingen legend -->
<fieldset>
  <label><input type="radio" name="size" value="s"> Lille</label>
  <label><input type="radio" name="size" value="l"> Stor</label>
</fieldset>

Hvorfor det er vigtigt

En seende besøgende ser gruppens overskrift lige over indstillingerne. En bruger af hører hver indstilling én ad gangen og hører uden en legend kun "Lille" og "Stor" uden at vide, hvad der vælges. Legenden annonceres, når lytteren kommer ind i gruppen, så spørgsmål som "T-shirtstørrelse" når ud til alle.

Sådan løser du det

Tilføj en <legend> som det første element i hvert <fieldset>, der beskriver gruppen med få ord:

<!-- Løst: Legenden navngiver gruppen -->
<fieldset>
  <legend>T-shirtstørrelse</legend>
  <label><input type="radio" name="size" value="s"> Lille</label>
  <label><input type="radio" name="size" value="l"> Stor</label>
</fieldset>

Hold legender korte – skærmlæsere kan gentage legenden for hvert felt i gruppen.

Sådan tester Silktide dette

Find alle <fieldset>-elementer på hver side.
Rapportér hvert element, der ikke har et <legend>-element som direkte underordnet element.

Fejlfinding

Min legend findes, men rapporteres stadig

<legend> skal være et direkte underordnet element af <fieldset>. En overskrift, der er indlejret i et andet element, f.eks. en <div>-wrapper, genkendes ikke som gruppens legend – hverken af dette tjek eller af .