Foutmeldingen en schermlezer-toegankelijkheid in boekingsformulieren

Kort antwoord

Het W3C adviseert foutmeldingen die duidelijk zeggen wat er mis is, die aan het juiste veld hangen en die een schermlezer kan voorlezen. Bij meerdere fouten hoort een lijst bovenaan het formulier.

Wat het W3C zegt

• "form fields can be associated with the corresponding error message using aria-describedby." Je koppelt een foutmelding dus aan het veld waar die bij hoort.
• "When errors occur, it is helpful to list them at the top of the page, before the form." De lijst krijgt een duidelijke kop.
• Verschijnt de lijst zonder dat de pagina opnieuw laadt, dan geldt: "this container should have the role attribute set to alert to make assistive technology users aware of this change."
• Elke vermelde fout noemt volgens het W3C het label van het veld, beschrijft de fout kort, geeft aan hoe je het herstelt en bevat een link naar het veld.
• "Where possible, users should be able to check their input and correct it if necessary."

Voor een datumkiezer vond ik in deze twee W3C-pagina's geen aparte richtlijn. Die vraag laat ik hier open.

Wat betekent dit voor je website

Een afspraakformulier heeft meestal een datumveld en verplichte velden, dus deze adviezen zijn direct bruikbaar. Op de prijzenpagina staat bij de boekingssite (€399 eenmalig plus €60 per jaar, excl. btw) "Afspraakmomenten of een aanvraagformulier". Op de productpagina staat dat darioa na het live zetten "stuur het Lighthouse-rapport mee". Wat dat rapport wel en niet toetst, staat daar niet; test een formulier daarnaast zelf met een schermlezer.

Zie ook boekingskalender en toetsenbord en European Accessibility Act voor een microbedrijf. Voorbeeld voor een horecazaak: voor restaurants.

Gecontroleerd op 10 november 2026.