Erklärung zur Barrierefreiheit
Diese Mobile App verfolgt das Ziel, die WCAG 2.2 Konformitätsstufe AA zu erreichen und damit für alle Menschen zugänglich zu sein.
Umgesetzte Barrierefreiheitsmaßnahmen
Gestaltung und Layout
- Touchflächen mindestens 44 × 44 Pixel: Alle interaktiven Elemente (Schaltflächen, Links, Eingabefelder) erfüllen die Mindestgröße für sichere Bedienung mit dem Finger.
- Lesbare Textbreite: Texte sind auf eine angenehme Breite beschränkt (max. 65–75 Zeichen pro Zeile).
- Ausreichend Zeilenabstand und Buchstabenabstand: Leichte Lesbarkeit auch bei längeren Texten.
Farben und Kontraste
- Hohe Kontrastverhältnisse: Text und Hintergrund erreichen mindestens die Kontrastanforderungen der WCAG AA (4.5:1 für normalen Text, 3:1 für große Text).
- Farbcodierung mit zusätzlichen Mitteln: Schichten werden nicht nur durch Farbe unterschieden – zusätzlich nutzen wir Kürzel (z. B. „F" für Frühschicht) und Symbole.
- Dark Mode: Der dunkle Modus ist verfügbar und ebenso barrierefrei gestaltetet wie der helle Modus.
Schriftgröße und Skalierbarkeit
- Responsive Schriftgrößen: Text passt sich an die Geräte größe an.
- Browser-Zoom unterstützt: Benutzer können mit Zoom bis zu 200% arbeiten, ohne dass die Inhalte beschädigt werden.
- Große Schriftgrößen möglich: Betriebssystem-Einstellungen für größere Schriftgrößen werden respektiert.
Tastatur- und Screenreader-Unterstützung
- Vollständige Tastaturbedienung: Alle Funktionen sind über Tastatur erreichbar (Tab, Enter, Pfeiltasten, Escape).
- Screenreader-Kompatibilität: Alle Elemente haben aussagekräftige Beschriftungen (aria-label, aria-describedby), sodass Screenreader-Benutzer die App navigieren können.
- Fokus-Verwaltung: Der Fokusindikator ist deutlich sichtbar.
- Semantisches HTML: Die App nutzt strukturiertes HTML (Headings, Listen, Formularelemente) für eine logische Navigationshierarchie.
Bewegung und Animation
- Reduzierte Animationen respektiert: Wenn Benutzer in ihren Systemeinstellungen„Bewegung minimieren" aktivieren, deaktiviert sich die App auch.
- Keine Animations-Anfälle: Keine blinkenden oder flackernden Elemente, die Anfälle auslösen könnten (keine Blinkhäufigkeit > 3 Hz).
Formular- und Eingabehilfen
- Verständliche Fehlermeldungen: Fehlermeldungen werden deutlich angezeigt und erklären, wie man das Problem behebt.
- Eingabevalidierung hilfreiche: Die App führt Benutzer zu korrekten Eingaben (z. B. Uhrzeitformate).
- Beschriftete Formularfelder: Alle Eingabefelder haben aussagekräftige Beschriftungen.
Alternative Navigationsmodi
- Listenansicht zusätzlich zu Kalender: Schichten können in beiden Formaten – Kalender und Liste – angezeigt werden.
- Skip-Links: Benutzer können schnell zum Hauptinhalt springen.
Bekannte Einschränkungen
Trotz aller Bemühungen gibt es möglicherweise noch Aspekte, die verbessert werden können:
- Sprachzusammenfassung für Kalender-Übersichten (Screenreader können Graphiken schwerer beschreiben)
- Gebärdensprachvideos für komplexe Prozesse (zukünftig)
Feedback und Verbesserungen
Wenn du auf Barrierefreiheitsprobleme stößt oder Verbesserungsvorschläge hast, kontaktiere uns bitte:
E-Mail: kontakt@helm-webmanufaktur.de
Wir werden deinem Feedback nachgehen und gezielt Verbesserungen vornehmen.
Relevante Standards
- WCAG 2.2 Konformitätsstufe AA: W3C Web Content Accessibility Guidelines
- EN 301 549: Europäische Norm für Barrierefreiheit von ICT-Produkten
- BITV 2.0: Barrierefreie-Informationstechnik-Verordnung (Deutschland)