Die vier Prinzipien der Barrierefreiheit
Die WCAG fasst Barrierefreiheit in vier Prinzipien zusammen, kurz POUR: wahrnehmbar (perceivable), bedienbar (operable), verständlich (understandable) und robust. Jedes Design-Detail lässt sich diesen Prinzipien zuordnen. Wer sie als Leitfragen nutzt, trifft im Entwurf bessere Entscheidungen, statt am Ende Fehler zu reparieren.
Wahrnehmbar: Kontrast, Größe, Abstände
Inhalte müssen für alle Sinne erfassbar sein. Das heißt: ausreichende Farbkontraste, eine Basisschriftgröße ab etwa 16 px, genügend Zeilenabstand und Weißraum. Wichtige Informationen dürfen nicht allein über Farbe oder Position transportiert werden. Diese Punkte verbessern die Lesbarkeit für alle Nutzer, nicht nur für Menschen mit Einschränkungen.
Bedienbar: Touch-Ziele, Fokus, Bewegung
Interaktive Elemente brauchen ausreichend große Klick- und Touch-Flächen – WCAG 2.2 empfiehlt mindestens 24×24 CSS-Pixel. Der Tastaturfokus muss klar sichtbar sein, idealerweise mit einem deutlichen Rahmen. Automatische Bewegung und blinkende Inhalte sollten vermeidbar sein, da sie ablenken oder gesundheitlich problematisch sein können.
Verständlich: Sprache, Konsistenz, Fehlerhilfen
Verständliches Design nutzt klare Sprache, konsistente Bedienmuster und vorhersehbares Verhalten. Formulare erklären Anforderungen vorab und zeigen hilfreiche Fehlermeldungen statt nur roter Rahmen. Navigation und Bezeichnungen bleiben über die ganze Website hinweg gleich, damit Nutzer sich nicht neu orientieren müssen.
Beispiele: So sieht zugängliches Design aus
Gutes Beispiel: ein Kontaktformular mit sichtbaren Labels über den Feldern, klarer Fokusmarkierung und verständlicher Fehlermeldung direkt am Feld. Oder ein Buchungsprozess, der vollständig per Tastatur funktioniert. Solche Lösungen wirken aufgeräumt und nutzerfreundlich – barrierefreies Design ist meistens einfach gutes Design.