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
- Focusval — Wanneer het modale venster of Voorkeurscentrum open is, blijft de focus daarbinnen
- ARIA-rollen — Banner gebruikt
role="dialog"metaria-modal="true"enaria-labelledby - Schermlezersondersteuning — Alle interactieve elementen hebben beschrijvende
aria-label-attributen - Overslaan-link — Een link "Naar hoofdinhoud springen" blijft behouden wanneer de banner open is
- Hoog contrast — Standaard kleurenpalet voldoet aan een contrastverhouding van 4,5:1 voor normale tekst
Toetsenbordsnelkoppelingen
| Toets | Actie |
|---|---|
Tab | Naar volgend focuselement gaan |
Shift+Tab | Naar vorig focuselement gaan |
Enter / Spatie | Gefocuste knop of schakelaar activeren |
Escape | Voorkeurscentrum sluiten (zonder opslaan) |
Toegankelijkheid testen
Gebruik deze hulpmiddelen voor verificatie:
- axe DevTools browserextensie
- WAVE toegankelijkheidsevaluator
- Test met alleen toetsenbordnavigatie (geen muis)
- Test met schermlezer (NVDA op Windows, VoiceOver op Mac/iOS)
Bekende beperkingen
- De banner ondersteunt momenteel geen rechts-naar-links (RTL) tekstindelingen
- Aangepaste CSS-overschrijvingen kunnen de toegankelijkheid verstoren als contrastniveaus niet worden gehandhaafd
Problemen melden
Als u een toegankelijkheidsprobleem vindt, neem dan contact op met ondersteuning via support@consentforge.com.