Barrierefreies UX Design für mobile Apps - WCAG 2.1 und 2.2

Viele Apps sind nicht auf Sehbeeinträchtigungen vorbereitet – in dieser Lektion fokussieren wir uns auf starke Sehbehinderung und Farbsehschwäche.

In dieser Lektion testen wir eine iPhone-App mit VoiceOver, um zu prüfen, ob Inhalte in logischer Reihenfolge vorgelesen werden, alle Informationen ohne visuelle Unterstützung verständlich sind und Bilder sowie Symbole korrekt benannt werden. Danach zeigen wir, wie sich mögliche Probleme beheben lassen.

In dieser Lektion analysieren wir einen fehlerhaften Screen mit Fokus auf unzureichende Kontraste, Farben, Textgrößen und Touchziele.

Aktiviere größere Schriftgrößen in iOS und teste, ob deine App bei 200 % Skalierung noch lesbar ist. Prüfe, welche Elemente korrekt mitskalieren und welche nicht.

Nutze die Checklisten für eine barrierefreie App

Nicht alle Kriterien zur Barrierefreiheit konnten in den Videos behandelt werden. Deshalb findest du hier eine detaillierte Checkliste, die alle relevanten Anforderungen für dieses Kapitel ergänzt.
So nutzt du die Checkliste:
Falls du bereits eine reale App hast, kannst du sie mit dieser Liste testen und prüfen, welche Kriterien du erfüllst und wo es noch Verbesserungsbedarf gibt. Falls du gerade erst startest, dient sie als Leitfaden für barrierefreies Design.

Tipp: Lade dir die Checkliste herunter und prüfe, wie gut deine App in Bezug auf Sehschwäche optimiert ist. Jede Verbesserung macht deine App für mehr Menschen nutzbar!

In dieser Lektion erfahren wir, warum rein auditive Hinweise in Apps nicht ausreichen und wie Untertitel, visuelle Signale und haptisches Feedback die Nutzung für Menschen mit Hörverlust verbessern.

In dieser Lektion testen wir mit einem Multiple-Choice-Quiz, wie barrierefreie Apps auf Herausforderungen von Nutzern mit Hörschwäche reagieren sollten.

In dieser Lektion testen wir praktisch, wie barrierefrei Apps für Menschen mit motorischen Einschränkungen sind – von der Nutzung ohne präzise Handbewegungen bis zur Steuerung mit einer externen Tastatur.

Dieser Test zeigt die Herausforderungen bei eingeschränkter Feinmotorik und welche Alternativen es zu Gesten gibt, indem du Google Maps nur mit deiner nicht-dominanten Hand nutzt – ohne Ablegen des Handys und mit eingeschränkten Gesten.

Wir testen, wie gut sich eine iOS-App nur mit einer externen Tastatur steuern lässt – ganz ohne Tappen.

Nutze die Checklisten für eine barrierefreie App

Nicht alle Kriterien zur Barrierefreiheit konnten in den Videos behandelt werden. Deshalb findest du hier eine detaillierte Checkliste, die alle relevanten Anforderungen für dieses Kapitel ergänzt.
So nutzt du die Checkliste:
Falls du bereits eine reale App hast, kannst du sie mit dieser Liste testen und prüfen, welche Kriterien du erfüllst und wo es noch Verbesserungsbedarf gibt. Falls du gerade erst startest, dient sie als Leitfaden für barrierefreies Design.

Tipp: Lade dir die Checkliste herunter und prüfe, wie gut deine App in Bezug auf motorische Einschränkungen optimiert ist. Jede Verbesserung macht deine App für mehr Menschen nutzbar!

Apps sollten für Menschen mit kognitiven Einschränkungen oder situativer Überforderung intuitiv, klar strukturiert und leicht verständlich sein – mit einfacher Sprache, klarer Navigation und visuellen Hilfen.

Interaktiver Test: Analysiere eine fehlerhafte Registrierungsseite aus UX-Sicht und finde Barrieren für Nutzer mit kognitiven Einschränkungen – von Navigation bis Fehlermeldungen.

WCAG-Richtlinien als editierbare Word-Datei - eine Checkliste

Lade die Datei herunter, entferne nicht relevante Punkte und verwende den Rest als Checkliste für barrierefreies Design in deiner App. Ideal zum Teilen mit deinem Team!