Barrierefreies Layout und Design: Universal Design, inklusives Design und Design for All

Eine Information muss zuerst wahrgenommen werden, bevor sie verstanden und verarbeitet werden kann. Menschen mit körperlichen, kognitiven oder sensorischen Einschränkungen haben besondere Anforderungen an die grafische Gestaltung von Informationen: gut lesbare Schrift und starke Kontraste für sehbeeinträchtigte Menschen, gut aufgebaute Texte in Leichter Sprache für Menschen mit Lernschwierigkeiten, ruhige Hintergründe ohne blinkende Animationen für neurodivergente Menschen. Es gibt kein Layout, das für alle gleichzeitig passt, es gibt jedoch Referenzrahmen, die bei der Gestaltung helfen. Dieser Artikel stellt diese Rahmen und konkrete Anwendungsbeispiele vor.

Gut zu wissen

Jedes Design soll inklusiv sein und stereotype Bilder und Symbole vermeiden. Denken Sie dabei nicht nur an die Illustrationen, sondern auch an die Sprache.

Sieben Prinzipien angewendet auf Informationen

Die sieben Prinzipien des Universal Design lassen sich auch auf gedruckte und digitale Informationen übertragen:

1. Wahrnehmbare Information: serifenlose Schrift, hoher Kontrast, Alternativtexte, Untertitel.
2. Einfache, intuitive Nutzung: klare Struktur, logische Lesereihenfolge, verständliche Sprache.
3. Gleichwertigkeit: Information nicht nur über Farbe, sondern auch über Text oder Braille; Untertitel und Audiodeskription im Digitalen.
4. Flexibilität: mehrere Zugangswege zum Inhalt (Text, QR-Code, Audio, Video).
5. Fehlertoleranz: klare Fehlermeldungen, Rückgängig-Funktion, eindeutige Layouts.
6. Größe und Platz für Zugang: klare Typografie und responsives Design.
7. Geringer körperlicher Aufwand: ausreichend große Buttons, wenige Interaktionsschritte.

Drei Ansätze für barrierefreies Design

Design for All

Design for All ist ein vor allem in Europa verbreitetes Konzept, das darauf zielt, Produkte, Dienstleistungen und Infrastrukturen ohne individuelle Anpassungen nutzbar zu machen. Es geht über Universelles Design und Inklusives Design hinaus, indem es Nutzerinnen und Nutzer stärker in den Entstehungsprozess einbezieht und zusätzlich die Marktorientierung berücksichtigt. Die Stockholmer Erklärung der EIDD (2004) definiert es als „Gestaltung für menschliche Vielfalt, soziale Inklusion und Gleichberechtigung“, ein Ansatz, der die Einbindung der Endnutzerinnen und Endnutzer in jeder Phase des Gestaltungsprozesses verlangt.

Inklusives Design

Inklusives Design erkennt und berücksichtigt die Vielfalt der Menschen in ihren Bedürfnissen und Lebensumständen, unabhängig von Alter, Geschlecht, Herkunft oder Fähigkeiten. Es bezieht unterschiedliche Nutzergruppen aktiv in die Gestaltung ein, ohne eine einzige Lösung anzustreben: Ziel ist ein vergleichbares Nutzungserlebnis für alle, notfalls durch angepasste Varianten.

Universelles Design

Universal Design ist ein umfassender Designansatz, den der Architekt Ronald L. Mace und sein Team in den 1980er Jahren am Center for Universal Design in North Carolina (USA) entwickelten. Ziel ist es, Produkte, Dienstleistungen und Umgebungen so zu gestalten, dass alle Menschen sie nutzen können, einfach und möglichst ohne Anpassung. Artikel 2 der UN-Behindertenrechtskonvention (2006) definiert Universelles Design als die Gestaltung von Produkten, Umfeldern, Programmen und Dienstleistungen so, dass sie von allen Menschen möglichst weitgehend ohne Anpassung oder spezielles Design genutzt werden können, ohne dabei Hilfsmittel für bestimmte Gruppen von Menschen mit Behinderungen auszuschließen.

Von den Prinzipien zu konkreten Entscheidungen

Neben den konzeptionellen Rahmenwerken machen einige konkrete Entscheidungen einen echten Unterschied in der Praxis von barrierefreiem Design:

• Kontrast: Der Kontrast einer Farbe lässt sich nie allein beurteilen, sondern nur im Verhältnis zu einer anderen Farbe. Fließtext sollte mindestens einen Kontrast von 4,5:1 zum Hintergrund haben, interaktive Elemente wie Buttons und Icons mindestens 3:1.
• Typografie: serifenlose Schriften bevorzugen, bei denen sich Zeichen deutlich voneinander unterscheiden lassen, etwa das große I und das kleine l, zentrierten Text sowie lange Passagen in Versalien vermeiden.
• Icons: mit einer Textbeschriftung versehen, ausreichend groß gestalten, mindestens 24 mal 24 Pixel und idealerweise 44 mal 44, und einen Mindestkontrast von 3:1 einhalten.
• Bilder: jedem informationstragenden Bild einen Alternativtext geben, keinen Text auf Bilder setzen und keine Hintergrundbilder verwenden, um Informationen zu vermitteln, die sich nicht anders beschreiben lassen.
• Farbe: Informationen nie allein über die Farbe vermitteln, um farbenblinden Menschen gerecht zu werden.
• Animationen: auf maximal 5 Sekunden begrenzen, nicht häufiger als dreimal pro Sekunde blinken lassen und immer eine Möglichkeit zum Anhalten bieten.
• Alternative Formate: neben Text auch Videos, Podcasts oder Infografiken anbieten, um unterschiedlichen Bedürfnissen und Lernweisen gerecht zu werden.

Barrierefreies Design ist außerdem ein fortlaufender Prozess: regelmäßige automatisierte und manuelle Tests, geschulte Teams und das Einbeziehen von Nutzerfeedback tragen dazu bei, ein Projekt langfristig zu verbessern.