Barrierefreiheit
Das ConsentForge-Banner ist so gestaltet, dass es den WCAG 2.1 AA-Standards entspricht.
Integrierte Barrierefreiheitsfunktionen
- Tastaturnavigation — Vollständige Tastaturunterstützung. Tab durch Schaltflächen, Enter/Leertaste zum Aktivieren
- Fokus-Trap — Wenn das Modal oder Präferenzcenter geöffnet ist, bleibt der Fokus darin eingeschlossen
- ARIA-Rollen — Banner verwendet
role="dialog"mitaria-modal="true"undaria-labelledby - Screenreader-Unterstützung — Alle interaktiven Elemente haben beschreibende
aria-label-Attribute - Skip-Link — Ein „Zum Hauptinhalt springen"-Link bleibt erhalten, wenn das Banner geöffnet ist
- Hoher Kontrast — Die Standard-Farbpalette erfüllt ein Kontrastverhältnis von 4,5:1 für normalen Text
Tastaturkürzel
| Taste | Aktion |
|---|---|
Tab | Zum nächsten fokussierbaren Element wechseln |
Shift+Tab | Zum vorherigen fokussierbaren Element wechseln |
Enter / Leertaste | Fokussierte Schaltfläche oder Toggle aktivieren |
Escape | Präferenzcenter schließen (ohne Speichern) |
Barrierefreiheit testen
Verwenden Sie diese Tools zur Überprüfung:
- axe DevTools Browser-Erweiterung
- WAVE Barrierefreiheits-Evaluator
- Test mit reiner Tastaturnavigation (ohne Maus)
- Screenreader-Test (NVDA unter Windows, VoiceOver unter Mac/iOS)
Bekannte Einschränkungen
- Das Banner unterstützt in der aktuellen Version keine Rechts-nach-links (RTL)-Textlayouts
- Benutzerdefinierte CSS-Überschreibungen können die Barrierefreiheit beeinträchtigen, wenn Kontrastverhältnisse nicht eingehalten werden
Probleme melden
Wenn Sie ein Barrierefreiheitsproblem feststellen, wenden Sie sich an den Support unter support@consentforge.com.