Zum Hauptinhalt springen

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)