Toegankelijkheid
De ConsentForge banner is ontworpen om te voldoen aan de WCAG 2.1 AA-normen.
Ingebouwde toegankelijkheidsfuncties
- Toetsenbordnavigatie — Volledige toetsenbordondersteuning. Tab door knoppen, Enter/Spatie om te activeren
- Focusvangst — Wanneer het modaal of Voorkeurencentrum open is, wordt de focus erin gehouden
- ARIA-rollen — Banner gebruikt
role="dialog"metaria-modal="true"enaria-labelledby - Schermlezerondersteuning — Alle interactieve elementen hebben beschrijvende
aria-label-attributen - Overslaan-link — Een "Naar hoofdinhoud springen"-link blijft behouden wanneer de banner open is
- Hoog contrast — Standaard kleurpalet voldoet aan 4,5:1 contrastverhouding voor normale tekst
Sneltoetsen
| Toets | Actie |
|---|---|
Tab | Naar volgend focusbaar element |
Shift+Tab | Naar vorig focusbaar element |
Enter / Spatie | Gefocuste knop of schakelaar activeren |
Escape | Voorkeurencentrum sluiten (zonder opslaan) |
Toegankelijkheid testen
Gebruik deze tools om te verifiëren:
- axe DevTools browserextensie
- WAVE toegankelijkheidsevaluator
- Test met alleen toetsenbordnavigatie (geen muis)
- Schermlezerstest (NVDA op Windows, VoiceOver op Mac/iOS)
Bekende beperkingen
- De banner ondersteunt geen rechts-naar-links (RTL) tekstindelingen in de huidige versie
- Aangepaste CSS-overschrijvingen kunnen de toegankelijkheid verbreken als contrastverhoudingen niet worden gehandhaafd
Problemen melden
Als u een toegankelijkheidsprobleem vindt, neem dan contact op met ondersteuning via support@consentforge.com.