7 Prinzipien des Universellen Designs

Wenn wir nach Prinzipien für ein barrierefreies Internet suchen, sollten wir auch an die Literatur zum inklusiven Design denken. Es gibt einige Prinzipien und Richtlinien für universelles Design aus dem Jahr 1997, die man kennen sollte.

Eine Gruppe von Architekten hat sich mit Ronald Mace von der North Carolina State University zusammengetan. Sie wollen herausfinden, wie man Gebäude, Produkte und Umgebungen besser gestalten kann. Mace und seine Architektengruppe fanden heraus, dass Menschen unterschiedlich sind. Deshalb sollten Gebäude, Produkte und Umgebungen so gestaltet werden, dass sie zu den Bedürfnissen der Menschen passen. Die Architekten waren sich einig, dass Räume und Produkte für alle Menschen geeignet sein sollten.

Die Architektengruppe entwickelte sieben Prinzipien für den universellen Nutzen von Räumen und Produkten. Diese sieben Prinzipien wurden auch in anderen Bereichen angewendet, zum Beispiel in der Bildung und im Webdesign.

Siehe auch das PDF-Dokument Die Prinzipien des Universal Design(öffnet in einem neuem Fenster) , herausgegeben vom Center for Universal Design an der North Carolina State University.

Diese Richtlinien und Beispiele sind sehr subjektiv. Es ist schwer, Regeln zu finden, mit denen man genau prüfen kann, ob sie eingehalten werden. Das ist ein Nachteil. Diese Schwäche kann aber auch eine Stärke sein. Denn sie lässt uns über die Grenzen von Regeln hinausdenken und überlegen, was wir noch tun können, um diese Prinzipien zu erreichen.

Erstes Prinzip: Gerechte Nutzung

Ziel von Prinzip 1:

Das Design ist nützlich und ansprechend für Menschen mit unterschiedlichen Fähigkeiten.

Leitlinien

• Alle Benutzer sollen die gleichen Nutzungsmittel bekommen. Wenn das nicht geht, dann soll es ähnliche Mittel sein.

• Benutzen Sie keine Begriffe, die Benutzer ausgrenzen.

• Sorgen Sie dafür, dass alle Benutzer die gleichen Privatsphäreeinstellungen und Sicherheitsfunktionen haben.

• Machen Sie das Design für alle Benutzer schön.

Beispiele aus der realen Welt:

• Türen mit Sensoren an den Eingängen, die für alle Benutzer gut sind.

• In Sportarenen und Theatern sollten die Sitzplätze gut verteilt und angemessen sein.

Gute Beispiele im Web:

• Eine Website verwendet an allen wichtigen Stellen Markierungen, damit sie auch von Menschen mit Sehbeeinträchtigung gut genutzt werden kann.

Schlechte Beispiele im Web:

• Eine Website für Menschen mit Behinderungen. Auch wenn man die zweite Version besser machen will als die erste, ist das keine gute Idee.

  • Wenn man zwei Versionen macht, ist das wie ein Restaurant mit einer Treppe vorne und einer Rampe hinten, vorbei an den Mülleimern und entlang der Gasse. Es ist nicht gut, wenn man einen Umweg machen muss. Es ist nicht dasselbe.

  • Es ist schwierig, zwei Versionen einer Website zu pflegen. Die barrierefreie Version wird wahrscheinlich bald veraltet sein, weil sie kaum genutzt wird. Sie haben es gemacht und dann aufgehört, als es fertig war. Eine Website ist ja nie fertig. Es wird immer weiterentwickelt, aber es bleibt keine Zeit, beide Versionen zu pflegen. Irgendwann funktioniert die barrierefreie Version nicht mehr.

• Eine Hotel-Website ist für blinde Menschen nicht zugänglich. Aber es gibt eine Telefonnummer, über die man ein Zimmer buchen kann. Der Telefonservice ist technisch zugänglich, aber es ist kein gleichwertiges Erlebnis wie auf einer barrierefreien Website. Außerdem sind die Mitarbeiter nach bestimmten Zeiten nicht erreichbar.

Zweites Prinzip: Flexibilität in der Anwendung

Ziel von Prinzip 2:

Das Design ist für jeden geeignet.

Das Produkt oder die Umgebung sollten so gestaltet sein, dass die Nutzer viele Möglichkeiten haben, sie zu nutzen. Die Umgebung oder das Produkt sollte so sein, dass jeder es nutzen kann.

Leitlinien

• Bieten Sie verschiedene Nutzungsmethoden an.

• Berücksichtigen Sie den Zugriff und die Verwendung für Rechts- oder Linkshänder.

• Erleichtern Sie die Genauigkeit und Präzision.

• Passen Sie das Produkt dem Tempo des Benutzers an.

Beispiele aus der realen Welt:

• Für Rechts- oder Linkshänder.

• Ein Geldautomat mit Bild, Ton und Gefühl, einer schmaleren Kartenöffnung und einer Auflage für den Handballen.

Gute Beispiele im Web:

• Ein JavaScript-Drag-and-Drop-Widget funktioniert mit Maus, Touchscreen oder Tastatur.

• Eine Bank-Website warnt den Benutzer zwei Minuten vor Ende der Sitzung. Der Benutzer kann die Sitzung verlängern. Die Warnung ist für alle Benutzer gut sichtbar und leicht zu verstehen. Man kann schnell darauf reagieren.

Schlechte Beispiele im Web:

• Eine mobile Website hat drei Zeichen nach einem Wort, die jeweils mit einer Fußnote am unteren Rand der Seite verbunden sind. Die Zeichen sind klein und liegen nah beieinander. Deshalb ist es schwer, das richtige Zeichen zu aktivieren.

Drittes Prinzip: Einfache und intuitive Bedienung

Ziel von Prinzip 3:

Das Design ist leicht zu verstehen, egal wer es benutzt.

Der Zweck des Produkts oder der Merkmale der Umgebung sollte klar sein. Alle Menschen sollten das Produkt und seine Funktionen verstehen können, egal wer sie sind, woher sie kommen oder was sie schon erlebt haben.

Leitlinien

• Mach es einfacher.

• Seien Sie konsistent in Ihren Erwartungen und Ihrer Intuition.

• Bieten Sie viele verschiedene Bildungs- und Sprachkenntnisse an.

• Wichtige Informationen sollten ganz oben stehen.

• Sagen Sie den Teilnehmern, was sie gut gemacht haben und was sie noch üben sollten.

Beispiele aus der realen Welt:

• Eine Rolltreppe in einem öffentlichen Raum.

• Bedienungsanleitung mit Bildern, ohne Text.

Gute Beispiele im Web:

• Eine Nachrichten-Website erklärt am Anfang eines Artikels in einfacher Sprache, worum es geht. So kann man die wichtigsten Punkte verstehen, ohne den ganzen Artikel lesen zu müssen.

• Eine Nachrichten-Website hat am Anfang eines Artikels eine kurze Zusammenfassung. Wenn man ein Formular abschickt, bekommt man eine Bestätigung, wenn alles geklappt hat. Wenn es ein Problem mit den Daten gab, wird man darauf hingewiesen. Die Fehlermeldungen sind jetzt wichtiger, damit die Nutzer von Tastatur und Sprachausgabe alles gut verstehen können. So muss man nicht den ganzen Artikel lesen, um zu wissen, worum es geht.

• Die Website verwendet HTML-Elemente, die den Nutzern bekannt sind.

• Der Text hat viele Überschriften, die wichtige Abschnitte kennzeichnen.

• Werbung ist immer als solche gekennzeichnet und steht außerhalb vom Inhalt. So kann man sie leicht erkennen.

Schlechte Beispiele im Web:

• Viele Schritte sind nötig, um auf einer E-Commerce-Website etwas zu kaufen. Das macht den Prozess unnötig komplex.

• Die Website verwendet Wörter, die man nicht so oft hört.

• Die Website verwendet JavaScript-Widgets, die für die Benutzer neu und ungewohnt sind.

• Ein Fehler wird in einem Formularfeld angezeigt, aber es wird nicht erklärt, was das Problem ist und wie man es behebt.

Viertes Prinzip: Wahrnehmbare Informationen

Ziel von Prinzip 4:

Das Design zeigt dem Benutzer alle wichtigen Informationen, egal wo er ist und was er kann.

Informationen über das Aussehen des Produkts oder der Umgebung sollten gut sichtbar sein. Jeder sollte Informationen bekommen können. Informationen sollten auf verschiedene Arten präsentiert werden, damit sie von allen gut verstanden werden.

Leitlinien

• Verwenden Sie verschiedene Wege, um wichtige Informationen zu vermitteln.

• Hebe wichtige Informationen hervor.

• Mache es einfach, Anweisungen oder Richtungen zu geben.

• Es sollte mit vielen verschiedenen Techniken und Geräten kompatibel sein, auch mit solchen, die von Menschen mit sensorischen Einschränkungen verwendet werden.

Beispiele aus der realen Welt:

• Hinweise und Anweisungen auf einem Thermostat.

• An Flughäfen, Bahnhöfen und in U-Bahn-Waggons gibt es oft gleich mehrere Hinweise.

Gute Beispiele im Web:

• Hier wird gezeigt, wie Sie Ihre Schuhe binden können. Dazu gibt es Bilder, Texte und Videos.

• Für Screenreader-Benutzer werden die verfügbaren Optionen in einer benutzerdefinierten ARIA/JavaScript-Dropdown-Liste für die Autovervollständigung angesagt (z. B. “Es gibt drei Städte, die mit ‘SAN’ beginnen”). Benutzen Sie die Pfeiltaste nach unten, um sich die Optionen anzusehen.

Schlechte Beispiele im Web:

• In einem Video wird gezeigt, wie man Schuhe bindet. Es gibt aber keine Erklärung dazu. Deshalb kann das Video von blinden Menschen nicht genutzt werden.

• Wenn die Farben auf einer Website zu ähnlich sind, können Menschen mit Sehbehinderung den Text nicht lesen oder Schaltflächen nicht erkennen.

Fünftes Prinzip: Fehlertoleranz

Ziel von Prinzip 5:

Das Design ist sicher.

Das Produkt oder die Umgebung sollte so gestaltet werden, dass Unfälle und Gefahren vermieden werden. Das Design sollte auch Dinge einplanen, die unbeabsichtigt passieren können.

Leitlinien

• Ordnen Sie die Elemente so an, dass Gefahren und Fehler vermieden werden. Am besten zugänglich, am häufigsten verwendet. Gefährliche Elemente werden entfernt, isoliert oder abgeschirmt.

• Gefahren und Fehler müssen gekennzeichnet werden.

• Funktionen bereitstellen, die nicht ausfallen.

• Wenn man bei wichtigen Aufgaben nicht aufmerksam ist, macht man Fehler.

Beispiele aus der realen Welt:

• Ein doppelt geschnittener Autoschlüssel passt in ein Schlüsselloch, wenn man ihn auf zwei Arten einführt.

• Eine Funktion im Computer, mit der man Fehler ohne Folgen rückgängig machen kann.

Gute Beispiele im Web:

• Auf einer Finanz-Website wird gefragt, ob man sicher ist, dass man Geld überweisen möchte. Das ist eine Sicherheitsmaßnahme.

• Ein Content-Management-System legt gelöschte Elemente in einen Papierkorb. Benutzer können sie später wiederherstellen.

• Die Suchfunktion überprüft die Rechtschreibung und zeigt, wie man Fehler korrigieren kann.

Schlechte Beispiele im Web:

• Eine Website löscht ein Konto, ohne den Benutzer zu fragen. Das Konto ist dann weg.

• Die Suchfunktion sucht nur nach genau diesen Wörtern. Andere Wörter werden nicht gefunden.

Sechstes Prinzip: Geringe körperliche Anstrengung

Ziel von Prinzip 6:

Das Design ist einfach zu bedienen und ermüdet die Hände nicht.

Das Produkt oder die Umgebung sollten so gestaltet sein, dass man sich wenig bis gar nicht anstrengen muss. Eine Person sollte das Produkt gut nutzen können, ohne dass sie sich dabei müde fühlt.

Leitlinien

• Lassen Sie den Benutzer eine neutrale Körperhaltung einnehmen.

• Benutzen Sie leichte Bedienkräfte.

• Mach wiederholte Aktionen weniger oft nötig.

• Machen Sie keine anhaltenden, schweren Arbeiten.

Beispiele aus der realen Welt:

• Drücker oder Schlaufengriffe an Türen und Wasserhähnen.

• Lampen, die man berühren muss, um sie anzumachen.

Gute Beispiele im Web:

• Eine Website hat oben einen “Link zum Hauptinhalt überspringen”. Damit können Tastaturbenutzer nicht alle Links in der Kopfzeile und Navigation durchblättern.

• Eine Website hat eine gute Struktur mit Überschriften und Orientierungspunkten. So können Screenreader-Benutzer zu dem Teil der Seite navigieren, an dem sie interessiert sind.

Schlechte Beispiele im Web:

• Das Einloggen in eine Website erfordert die Eingabe einer großen Menge an Informationen, was für Menschen mit motorischen Behinderungen ermüdend sein kann.

• Eine Website ist mit vielen Links in der Kopfzeile und im Navigationsbereich gestaltet und enthält keine Überschriften, Orientierungspunkte oder “Direkt zum Hauptinhalt”, die es den Benutzern ermöglichen, zum Hauptinhalt zu springen.

Siebtes Prinzip: Größe und Raum für Annäherung und Nutzung

Ziel von Prinzip 7:

Für die Annäherung, die Reichweite, die Bedienung und die Benutzung ist unabhängig von der Körpergröße, der Körperhaltung oder der Beweglichkeit des Benutzers eine angemessene Größe und ein angemessener Raum vorzusehen.

Bei der Gestaltung sollte ausreichend Platz vorgesehen werden, damit alle Menschen, unabhängig von ihrer körperlichen Statur oder ihren körperlichen Fähigkeiten, die Gestaltungsmerkmale nutzen können.

Leitlinien

• Sicherstellen, dass jeder sitzende oder stehende Benutzer freie Sicht auf wichtige Elemente hat.

• Sicherstellen, dass jeder sitzende oder stehende Benutzer alle Komponenten leicht erreichen kann.

• Unterschiedliche Hand- und Griffgrößen berücksichtigen.

• Ausreichend Platz für den Einsatz von Hilfsmitteln oder persönlicher Assistenz vorsehen.

Beispiele aus der realen Welt:

• Bedienelemente an der Stirnseite und Freiraum um Geräte, Briefkästen, Abfallbehälter und andere Elemente.

• Breite Türen in U-Bahn-Stationen, die allen Benutzern Platz bieten.

Gute Beispiele im Web:

Dieses spezielle Prinzip lässt sich nicht so leicht auf das Web anwenden wie die anderen Prinzipien, da es eher für Hardware und physische Umgebungen als für virtuelle Umgebungen oder Schnittstellen relevant ist.