Barrierefreiheit ist kein Nachgedanke – sie ist eine Anforderung. Wir zielen auf WCAG 2.1 AA-Konformität als unsere Grundlinie. Jeder sollte Zenovay nutzen können, unabhängig von seinen Fähigkeiten.

Farbkontrast

Alle Texte erfüllen Mindestkontrastverhältnisse: 4,5:1 für Fließtext, 3:1 für großen Text. Wir verlassen uns nicht nur auf Farbe, um Bedeutung zu vermitteln – Icons und Text bieten Ergänzung.

Unsere Farbpalette wurde mit Barrierefreiheit im Sinn entworfen. Jede semantische Farbe (Erfolg, Warnung, Fehler) funktioniert für farbenblinde Nutzer, wenn sie mit passenden Icons kombiniert wird.

Tastaturnavigation

Jedes interaktive Element ist per Tastatur erreichbar. Fokuszustände sind sichtbar und konsistent. Tab-Reihenfolge folgt der visuellen Reihenfolge. Keine Tastaturfallen.

Tab und Shift+Tab navigieren zwischen Elementen
Enter aktiviert Buttons und Links
Escape schließt Modals und Dropdowns
Pfeiltasten navigieren innerhalb von Komponenten

Screenreader

Wir verwenden zuerst semantisches HTML, ARIA wenn nötig. Bilder haben Alt-Texte. Dynamischer Inhalt kündigt Änderungen an. Komplexe Widgets haben korrekte Rollen und Zustände.

Überschriften schaffen Dokumentstruktur (h1, h2, h3)
Listen gruppieren verwandte Elemente
Buttons vs. Links: Buttons für Aktionen, Links für Navigation
Formularfelder haben zugehörige Beschriftungen
Live-Regionen kündigen dynamische Updates an

Bewegung

Wir respektieren die prefers-reduced-motion-Media-Query. Wesentliche Informationen werden niemals allein durch Bewegung vermittelt. Animationen sind subtil und zweckorientiert.

Nutzer, die reduzierte Bewegung bevorzugen, sehen sofortige Zustandsänderungen statt Übergänge. Das Erlebnis ist ohne Animation gleichermaßen funktional.

Testing

Wir testen Barrierefreiheit regelmäßig:

Automatisiertes Testing mit axe-core in CI
Manuelles Tastaturnavigationstesting
VoiceOver- und NVDA-Screenreader-Testing
Zoom-Testing bis 200%
Farbkontrastprüfung in Figma