Componenten

Verklaring

Veel aanvraagprocessen in SSP's eindigen met een controlestap waarin de gebruiker gevraagd wordt een verklaring af te leggen. Hiervoor wordt het component verklaring gebruikt.

De teksten in de uitgebreide verklaring bestaan eigenlijk uit drie elementen:

  • Het label van de verklaring-label tot aan de asterisk
  • De verklaring details. Dit is vaak een (of meerdere) lijst(en) met details van de verklaring.
  • Het label naast de checkbox.

Toegankelijkheid

  • Om te zorgen dat de verklaring wordt voorgelezen bij het focussen op de checkbox heeft het input element een attribuut aria-labelledby waarin op specifieke volgorde de identifiers van elementen van de verklaring staan.
  • Het verklaring-label boven de verklaring-details kan ook een lange zin zijn. Bij het voorlezen loopt het vloeiend over in in de verklaring-details. Hierom staat de visually-hidden verplicht-veld markering vooraan, zodat dit explicieter voorgelezen wordt en het aan het begin van het voorlezen duidelijk wordt gemaakt dat het een verplicht veld is.

Voorbeeld met checkbox

Checkbox zonder vraag

Een checkbox kan ook zonder voorlopende vraagstelling gebruikt worden. Om de markering dat het veld verplicht is te tonen moet er bij deze variant een leeg element met de class required toegevoegd worden in het label.

Voorbeeld met radio-button