Het eerste boekingsscherm heeft benoemde velden en geen captcha
Velden en knoppen met een naam en rol in de code zijn leesbaar voor schermlezers, en een captcha op het eerste scherm kan klanten tegenhouden.
Waarom het uitmaakt
Een schermlezer leest een formulier via de naam en rol van elk veld en elke knop, en WCAG vraagt dat die in de code vastliggen.
Een captcha vóór de eerste stap kan mensen met een beperking tegenhouden; het W3C beschrijft die drempel in een aparte notitie. Software die geen captcha's omzeilt, zoals de bots van Anthropic volgens Anthropic zelf, komt op dat punt ook niet verder.
Zo is het goed geregeld
- Elk invoerveld heeft een label dat in de code aan het veld gekoppeld is, met een label-element waarvan for gelijk is aan de id van het veld, of met een aria-label als het doel van het veld uit de omgeving al duidelijk is.
- Keuzes voor behandeling, therapeut of locatie zijn standaard keuzelijsten, keuzerondjes of knoppen met tekst, en geen klikbare afbeeldingen zonder naam.
- De knop naar de volgende stap is een knop-element met een tekst als 'Volgende' of 'Kies een tijd'.
- Er staat geen captcha of andere controlevraag vóór de eerste stap.
Zo controleer je het zelf
- Klik op de tekst naast een veld: wordt het veld dan actief, dan is het label gekoppeld.
- Loop het eerste scherm door met alleen de Tab-toets en kijk of je elk veld en elke knop bereikt.
- Open in je browser de ontwikkelaarshulpmiddelen, kies het onderdeel voor toegankelijkheid en bekijk welke naam en rol een veld krijgt.
Zo los je het op
- Vraag de leverancier van je boekingssysteem of het boekingsscherm voldoet aan WCAG 2.2 niveau AA, en in het bijzonder aan succescriterium 4.1.2 (naam, rol, waarde).
- Laat je websitebouwer labels koppelen aan velden die in je eigen site staan.
- Vraag of een controlevraag naar de laatste stap kan, zodat het eerste scherm vrij te lezen is.
Een boekingswidget komt vaak van een externe leverancier en kun je dan zelf niet aanpassen. AI-testklant bekijkt alleen het eerste scherm en stelt geen volledige WCAG-conformiteit vast.
Wat de testklant controleert
AI-testklant opent het eerste scherm van de boekingswidget, leest de velden en knoppen en meldt welke geen naam of rol hebben en of er een captcha staat. Hij vult niets in en gaat niet naar de volgende stap.
- Werkwijze
- Alleen openbare gegevens lezen
- Zit in
- Uitgebreid rapport
Bronnen
- Understanding Success Criterion 4.1.2: Name, Role, ValueW3C WAI · gecontroleerd op 2 november 2026Naam en rol van elk onderdeel van een gebruikersinterface moeten in de code vastliggen, zodat hulptechnologie ze kan lezen.
- Labeling ControlsW3C WAI · gecontroleerd op 2 november 2026Koppel een label aan een veld met for en id, of gebruik aria-label; een gekoppeld label maakt ook het klikvlak groter.
- Inaccessibility of CAPTCHAW3C · gecontroleerd op 2 november 2026Captcha's vormen een drempel voor mensen met een beperking (W3C Group Draft Note, 16 december 2021).
- Does Anthropic crawl data from the web, and how can site owners block the crawler?Anthropic · gecontroleerd op 2 november 2026De bots van Anthropic proberen geen captcha's te omzeilen.