Zet alleen tekst in het label
Gebruik alleen tekst in een label. Dus geen links, buttons, tooltips of kopjes.
Dit geeft problemen bij het voorlezen van het label door screenreaders en het activeren via voice recognition.
Zet extra informatie boven het formulier, als links boven het label of formulierveld (wat logisch is qua leesvolgorde) of als beschrijving bij het veld. Vermijd tooltips.
Lees ook de richtlijnen voor links in formulieren.
Doen
De link buiten het label plaatsen.
<p><a href="#" class="utrecht-link utrecht-link--html-a">Onze algemene leveringsvoorwaarden</a></p><input id="alv1" type="checkbox"/><label for="alv1">Ik ga akkoord met de algemene leveringsvoorwaarden</label>
Niet doen
De link binnen het label plaatsen.
<input id="alv2" type="checkbox"/><label for="alv2">Ik ga akkoord met de <a href="#" class="utrecht-link utrecht-link--html-a">algemene leveringsvoorwaarden</a></label>
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.