Plaats descriptions van een fieldset tussen de legend en eerste item

Radiobuttons, checkboxes en bijvoorbeeld adresgegevens kunnen worden gegroepeerd in een fieldset. De vraag of het onderwerp staat dan in de legend. Plaats de description onder de legend vlak boven het eerste label/formulierveld. De description wordt aan het fieldset-element gekoppeld met aria-describedby.

Voorbeeld

Doen

Koppel een description aan het fieldset-element, met aria-describedby.

Wilt u inloggen?

Als u inlogt worden uw gegevens al ingevuld en kunnen we u makkelijker helpen.

Nee

<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.