♿ Barrierefreiheit (Accessibility)

Barrierefreiheit (engl. Accessibility) bedeutet, dass eine App so gestaltet ist, dass alle Menschen sie bedienen können – auch Nutzer mit körperlichen, sensorischen oder kognitiven Einschränkungen. Dazu zählen u. a. Screenreader-Unterstützung für blinde Menschen, hoher Kontrast für Sehschwache, große Touch-Flächen für motorisch Eingeschränkte oder strukturierte Inhalte für Menschen mit Lernschwierigkeiten. Barrierefreie Apps sind inklusiv, gesetzlich oft vorgeschrieben und verbessern die Usability für alle.

🔧 Technische Erklärung – Accessibility in React Native mit Expo

React Native bringt viele Barrierefreiheitsfunktionen bereits mit – und auch Expo unterstützt diese vollständig, ohne zusätzliche Native-Konfiguration.

Wichtige Funktionen & Tools:

1. Zugänglichkeit für Screenreader

   • accessible={true} – kennzeichnet ein UI-Element als interaktives Objekt

   • accessibilityLabel="Zurück" – alternativer Text für Screenreader

   • accessibilityHint – erklärt, was passiert (z. B. „Öffnet das Menü“)

2. Richtige Struktur

   • Titel, Absätze und Buttons sollten logisch gruppiert sein

   • Vermeide verschachtelte Touchables ohne Zweck

3. Fokussteuerung

   • accessibilityRole="button", "link", "header" usw.

   • Ermöglicht Screenreader die richtige Ankündigung und Navigation

4. Kontrast & Dark Mode

   • Text und Hintergrund sollten hohen Kontrast haben (mind. 4.5:1)

   • Dark Mode automatisch mitdenken (useColorScheme() nutzen)

5. Touch-Zielgröße

   • Empfohlene Größe für Buttons: mindestens 44×44 dp

   • Wichtig für motorisch eingeschränkte Nutzer

6. Animationskontrolle

   • Nutzer mit Bewegungsempfindlichkeit sollten reduzierte Animationen wählen können

   • useReducedMotion() (über Kontext oder native Einstellung) verwenden

💡 Einsatzmöglichkeiten

• Screenreader-optimierte Navigation & Inhalte

• Eingabehilfen für Formulare und Touch-Elemente

• Barrierearme Farbpaletten & Texte mit hohem Kontrast

• Alternative Feedbackarten (Haptik, Ton) für Nutzer mit eingeschränktem Seh- oder Hörvermögen

• Mehrsprachigkeit + leichte Sprache

❓ Wichtige Fragen und Antworten zur Barrierefreiheit

Ist Barrierefreiheit in Apps gesetzlich vorgeschrieben?
Ja – in vielen Ländern, darunter Deutschland (BFSG, BITV), ist Barrierefreiheit für öffentliche und teilweise private Apps rechtlich verpflichtend. Auch App Stores (Apple/Google) bewerten Accessibility positiv.

Wie testet man Barrierefreiheit in einer Expo-App?

• Screenreader aktivieren (VoiceOver auf iOS, TalkBack auf Android)

• Accessibility Inspector (Xcode) oder Google Accessibility Scanner

• Tools wie axe DevTools Mobile oder manuelles Testen mit realen Nutzern

Beeinträchtigt Accessibility die Optik meiner App?
Nein – sie erweitert nur den Zugriff auf bestehende Funktionen. Gute Accessibility bedeutet mehr Nutzerzufriedenheit ohne optische Einschränkungen.

Wie erkenne ich schlechte Accessibility in meiner App?
Typische Warnzeichen:

• Buttons ohne Label

• Text mit zu geringem Kontrast

• Wichtige Informationen nur als Bild oder Animation

• Elemente zu klein für Fingerbedienung

Was kostet barrierefreie Entwicklung mehr?
Wenn Accessibility von Anfang an mitgedacht wird, ist der Mehraufwand minimal. Nachträgliche Nachbesserungen hingegen können zeit- und kostenintensiv werden.