Je kunt de hele boekingsroute met alleen het toetsenbord doorlopen
Alle knoppen, links en velden op de route naar boeken werken met het toetsenbord, en je ziet steeds waar de focus staat.
Waarom het uitmaakt
Niet iedereen gebruikt een muis of touchscreen. Wie met het toetsenbord of een schermlezer werkt, loopt vast als een knop of agenda niet met de Tab-toets bereikbaar is, of als niet te zien is waar hij zich op de pagina bevindt.
Zo is het goed geregeld
- Alle links, knoppen en velden op de route zijn met Tab en Shift+Tab te bereiken; links werken met Enter, knoppen met Enter of de spatiebalk.
- Je ziet steeds welk element de focus heeft, bijvoorbeeld aan een duidelijke rand.
- De focus gaat in een logische volgorde door de pagina en blijft niet vastzitten in een widget of pop-up.
- Een element met focus wordt niet helemaal bedekt door bijvoorbeeld een cookiebalk of een vaste kopregel.
Zo controleer je het zelf
- Leg je muis weg en open je homepage.
- Druk herhaaldelijk op Tab en kijk of je bij de afspraakknop komt en steeds ziet waar de focus staat.
- Open met Enter de afspraakpagina en probeer in de agenda een dienst te kiezen met Tab, de pijltjestoetsen en Enter.
- Kijk of je met Tab ook weer uit een pop-up of uit de agenda komt.
Zo los je het op
- Gebruik voor klikbare onderdelen echte links en knoppen in de code, geen gewone blokken die alleen op een muisklik reageren.
- Verwijder CSS die de focusrand verbergt, of vervang die door een eigen duidelijke focusstijl.
- Vraag je boekingsleverancier of de widget met het toetsenbord te bedienen is, en bied anders een telefoonnummer als alternatief.
Passief test AI-testklant tot het eerste scherm van de boekingswidget. De stappen daarna test hij met het toetsenbord alleen bij een proefboeking met toestemming (zie 3.10).
Wat de testklant controleert
AI-testklant doorloopt de route in een browser met alleen toetsaanslagen (Tab, Shift+Tab en Enter) tot het eerste scherm van de boekingswidget, en legt per stap vast of de focus zichtbaar is en of hij verder kan. Hij vult geen velden in.
- Werkwijze
- Alleen openbare gegevens lezen
- Zit in
- Uitgebreid rapport
Bronnen
- How to Meet WCAG (Quick Reference), WCAG 2.2W3C Web Accessibility Initiative · gecontroleerd op 2 november 2026WCAG 2.1.1 (alles bedienbaar met toetsenbord), 2.1.2 (geen toetsenbordval), 2.4.3 (focusvolgorde), 2.4.7 (focus zichtbaar) en 2.4.11 (focus niet bedekt).
- Visible Keyboard Focus (Easy Checks)W3C Web Accessibility Initiative · gecontroleerd op 2 november 2026Alle links, knoppen en velden horen een duidelijke zichtbare stijl te hebben als ze focus krijgen.