Fieldset: Plaats descriptions tussen legend en eerste item
Radiobuttons en checkboxes worden gegroepeerd in een fieldset. De "vraag" staat in de legend. Plaats de description dan onder de legend vlak boven het eerste label/formulierveld. De description kan aan de fieldset worden gekoppeld.
Doen
Koppel een description aan de legend van de fieldset, met aria-describedby.
codevoorbeeld
“Doen”
:
Koppel een description aan de legend van de fieldset, met aria-describedby.
<fieldset aria-describedby="description-inloggen"><legend>Wilt u inloggen?</legend><p id="description-inloggen">Als u inlogt worden uw gegevens al ingevuld en kunnen we u makkelijker helpen.</p><div><input id="inloggen-ja" type="radio" name="inloggen" value="ja"/><label for="inloggen-ja"> Ja</label></div><div><input id="inloggen-nee" type="radio" name="inloggen" value="nee"/><label for="inloggen-nee"> Nee</label></div></fieldset>
Over deze richtlijnen
Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.
We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.