Barrierefreies Webdesign aus Sicht der Nutzer
Eine Zusammenstellung unterschiedlicher Hürden, die bei der Gestaltung von Internetinhalten in Bezug auf die Benutzerfreundlichkeit von behinderten Menschen zu beachten sind.
In diesem Artikel geht es um die unterschiedlichen Probleme, die bei der Gestaltung von Webinhalten zum Tragen kommen, wenn man seine Inhalte auch Menschen mit Behinderungen zugänglich machen möchte.
Blinde Menschen
Problemstellungen und Lösungen
- Bilder, Fotos, Grafiken sind unbrauchbar
Sollen Bilder, Fotos oder Grafiken eingesetzt werden, so ist es zwingend erforderlich, dass diese im alt-Tag beschrieben werden. Ist für die Beschreibung des Bildes, Foto oder der Grafik mehr Platz vonnöten, so können Sie darauf verweisen, um an einer gesonderten Stelle die Grafik näher zu beschreiben. Als Beispiel schauen Sie sich die Dirndl Landingpage des Online-Shops aus Erfurt an. Dort sind alle Bilder konform mit alt-Texten versehen.
- User lassen sich Webinhalte vorlesen
Erstellen Sie Links die es dem User ermöglichen, Passagen zu überspringen, sich durch die Seite und das Navigations-Menü zu navigieren, lange Listen mit mehreren Einträgen, ASCII Art, und ähnliche Dinge, die schwierig oder langwierig zu hören sind, zu Überspringen.
- Blinde nutzen häufig die Tab-Taste zum Navigieren von Links
Stellen Sie sicher, dass Ankertext-Links einen sinnvollen Zusammenhang und Rückschlüsse auf die Zielseite liefern. Anker-Links wie, klicken Sie hier oder mehr dazu … Sind problematisch
- Die Maus wird in der Regel nicht benutzt
Verzichten Sie auf Skripte, die den Einsatz einer Maus erfordern. Bieten Sie als Alternative die Tastatur an und benutzen Sie das Formular onFocus anstelle von onMouseover.
- Die Nutzung von Tabellen kann zu Verständnisproblemen führen
Achten Sie bei Tabellen auf Spalten und Zeilen in der Kopfzeile (<th>). Wenn möglich, vermeiden Sie aufgeteilte Zeilen oder Spalten.
- Komplexe Tabellen und Grafiken, die in der Regel visuell interpretiert werden müssen, sind unbrauchbar
Bieten Sie eine Alternative als Zusammenfassung und / oder eine Text-Beschreibung an. Vorzugsweise auf der gleichen Seite oder mit einem Link zu einer anderen Seite.
- Frames können nicht auf einmal „erfasst“ werden. Auf Frames muss separat zugegriffen werden und das kann zu einer Orientierungslosigkeit führen.
Vermeiden Sie Frames wann immer es geht. Wenn Sie Frames verwenden, bieten Sie frame titles an, die ihren Zweck erklären
(z.B.: „Navigations-Frame“, „Inhalt-Frame“, etc.).
- Vermeiden Sie Farbkennungen und Farben zu Erklärungen
Nutzen Sie zur Markierung und Unterscheidung auch andere Elemente als Farben.
- Hinter einem Link erwartet ein User eine neue Quelle / Zielseite.
Verzichten Sie auf die Verwendung von Javascript Links. (z. B. href =”javascript: function (this)”)
- Screenreader / Bildschirm-Auslese-Programm lesen Web-Inhalte eins zu eins
Stellen Sie sicher, dass komplexe CSS oder Tabellen-Layouts richtig gelesen und interpretiert und im Quelltext sauber dargestellt werden. Nur so können Screenreader / Bildschirm-Auslese-Programm die Inhalte verständlich interpretieren.
- Videos können nicht interpretiert werden
Nutzen Sie anstelle von Videos Tonaufnahmen, die sich über das Zuhören erklären.
Farbenblinde Menschen
Problemstellungen und Lösungen
- Farben mit ähnlichem oder schwachem Kontrast sind oft nicht zu unterscheiden
Nutzen Sie kontrastreiche Farben. Verzichten Sie auf Farben um Bedeutungen zu vermitteln oder ergänzen Sie die Farbkennung um Textpassagen.
Menschen mit geringem Sehvermögen
Problemstellungen und Lösungen
- User verwenden häufig Bildschirm, Vergrößerungsgeräte oder anderen technischen Hilfsmittel
Um einen Artikel für den horizontalen Bildlauf zu reduzieren, verwenden Sie relative anstelle von absoluten Einheiten (z.B.: Verwendung von % für “table widths”, statt Pixel)
- Texte in Grafiken können nicht ohne spezielle Software vergrößert werden. Oftmals wird die Grafik verpixelt dargestellt
Verzichten Sie auf Texte in Grafiken. Wenn es nicht anders geht, verwenden Sie Anti-Aliasing / Kantenglättung, um den Text klar und lesbar darzustellen.
Taube Menschen
Problemstellungen und Lösungen
- Ton / Audio ist unbrauchbar
Stellen Sie die Tonaufnahmen auch in Schriftform zur Verfügung. Sorgen Sie bei Videos für synchrone Untertitel.
Menschen mit motorischen Behinderungen
Problemstellungen und Lösungen
- User sind möglicherweise nicht in der Lage, die Maus zu benutzen
Stellen Sie sicher, dass alle Funktionen über die Tastatur erreichbar werden (Tab-Navigation und das Springen von Link zu Link).
Stellen Sie sicher, dass die Tab-Reihenfolge logisch ist und bei der Benutzung keine Probleme mit der Navigation entstehen.
- User können ermüden, wenn Sie „puff-and-sip“ (SNP) oder ähnliche adaptive Technologien nutzen.
Stellen Sie eine Methode für das Überspringen langer Listen, vergleichbarer Inhalte, Links oder ähnliches zur Verfügung.
- Users werden unter Umständen Software zur Steuerung und Kontrolle des Computers mit Ihrer Stimme nutzen.
Die Stimmsteuerungs-Software kann nie so genau navigieren wie es eine Maus tut. Stellen Sie daher sicher, dass alle Funktionen auch über die Tastatur erreichbar werden.
Menschen mit eingeschränkter Wahrnehmung
Problemstellungen und Lösungen
- Es kann verwirrend sein, komplexe Layouts oder inkonsequente Navigationen zu verwenden.
Vereinfachen Sie das Layout so weit wie möglich. Verzichten Sie auf alles, was überflüssig ist.
Wenn möglich, ziehen Sie die Navigation konstant auf allen Seiten durch.
- User haben Schwierigkeiten langwierige Texte zu verstehen
Bilden Sie gegebenenfalls Gruppen und strukturieren Sie ihre Textinformationen unter logischen und semantischen Überschriften.
Gliedern Sie die Informationen in überschaubare Abschnitte.
- Präsentieren Sie Ihre Informationen umfangreich und detailliert
Für ein besseres Verständnis ergänzen Sie die Texte um Abbildungen oder andere Medien, und umgekehrt.
Quelle: Originalartikel auf Englisch von webaim.org
