Legenda's van fieldsets

Silktide controleert of elke groep formuliervelden die met een fieldset is gedeclareerd ook een legend bevat die beschrijft waarvoor de groep dient. De legend geeft de hele groep een naam, zodat elke optie in de juiste context wordt voorgelezen.

In groepeert het element <fieldset> gerelateerde formulierbesturingselementen - een set keuzerondjes, selectievakjes of adresvelden - en het element <legend> is het bijschrift ervan.

<!-- Probleem: de groep heeft geen legend -->
<fieldset>
  <label><input type="radio" name="size" value="s"> Klein</label>
  <label><input type="radio" name="size" value="l"> Groot</label>
</fieldset>

Waarom dit belangrijk is

Een ziende bezoeker ziet het bijschrift van de groep direct boven de opties. Een gebruiker van een hoort elke optie één voor één en hoort zonder legend alleen "Klein" en "Groot", zonder aanwijzing wat er wordt gekozen. De legend wordt aangekondigd wanneer de luisteraar de groep binnengaat, zodat vragen als "T-shirtmaat" voor iedereen duidelijk zijn.

Zo los je het op

Voeg als eerste element binnen elke <fieldset> een <legend> toe die de groep in enkele woorden beschrijft:

<!-- Opgelost: de legend benoemt de groep -->
<fieldset>
  <legend>T-shirtmaat</legend>
  <label><input type="radio" name="size" value="s"> Klein</label>
  <label><input type="radio" name="size" value="l"> Groot</label>
</fieldset>

Houd legends kort - schermlezers kunnen de legend voor elk veld in de groep herhalen.

Hoe Silktide dit controleert

Zoek elk element <fieldset> op elke pagina.
Rapporteer elk element zonder een element <legend> als direct onderliggend element.

Problemen oplossen

Mijn legend bestaat, maar wordt nog steeds gerapporteerd

De <legend> moet een direct onderliggend element van de <fieldset> zijn. Een bijschrift dat in een ander element is genest, zoals een <div>-wrapper, wordt niet herkend als de legend van de groep - niet door deze controle en niet door .