Erstgespräch

Barrierefreiheit (Accessibility)

2 Min. Lesezeit App-Oberfläche

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.