Accessibility-Heuristiken
Artikel vom 3. August 2004 (↻ 9. Oktober 2008). ISSN 1614-3124, #7. Schwerpunkt: Barrierefreiheit (RSS-Feed für alle Themen).
Heuristiken entsprechen zwar nur Daumenregeln, können aber äußerst effektiv sein, um Grundsätze zu vermitteln, indem sie eine Art »mnemonisches Framework« schaffen. Dieser Artikel stellt die wichtigsten Heuristiken aus dem Bereich Barrierefreiheit (Accessibility) heraus, und zwar die, die uns bereits das W3C und IBM gelehrt haben.
W3C-Richtlinien
Erfahrene Webentwickler sollten diese Regeln schon im Blut haben, unerfahreneren seien sie angeraten – Grundregeln zur Erstellung zugänglicher Websites. Die bekanntesten Prinzipien zur Barrierefreiheit hat das W3C bereits vor Jahren aufgestellt. Dessen Quick Tips empfehlen:
- Bilder und Animationen: Beschreiben Sie ihre Funktion mit dem
alt
-Attribut. - Image-Maps: Verwenden Sie nutzerseitige
map
-Elemente sowie Texte fĂĽr Hotspots. - Multimedia: Untertitel und Transkripte (Abschriften) fĂĽr Audio, Audiobeschreibungen fĂĽr Video.
- Hyperlinks: Der Linktext sollte außerhalb des Kontexts verständlich sein. Vermeiden Sie zum Beispiel »hier klicken«.
- Aufbau der Seite: Verwenden Sie Überschriften, Listen und eine konsistente Struktur. Verwenden Sie möglichst CSS zur Formatierung.
- Graphiken und Diagramme: Fassen Sie sie zusammen oder verwenden Sie das
longdesc
-Attribut. - Skripte, Applets und Plugins: Bieten Sie alternative Inhalte, wenn sie nicht zugänglich sind oder nicht unterstützt werden.
- Frames: Verwenden Sie das
noframes
-Element und verständliche Titel. - Tabellen: Erlauben Sie zeilenweises Lesen. Fassen Sie ihren Inhalt zusammen.
- ĂśberprĂĽfen Sie Ihre Arbeit: Validieren Sie. Verwenden Sie unter www.w3.org/TR/WCAG/ gesammelte Software und Richtlinien.
Auch die Web Content Accessibility Guidelines 1.0 selbst entsprechen insgesamt einer Reihe von zusammenfassbaren Regeln. Obwohl sich einige Richtlinien wiederholen, stimmen diese jedoch nicht vollständig mit den obigen überein und werden somit ebenfalls vorgestellt (angelehnt an die offizielle deutsche Übersetzung):
- Stellen Sie äquivalente Alternativen für Audio- und visuelle Inhalte bereit.
- Verlassen Sie sich nicht allein auf Farbe.
- Verwenden Sie Markup und Stylesheets und tun Sie dies auf korrekte Weise.
- Verdeutlichen Sie die Verwendung natĂĽrlicher Sprache.
- Erstellen Sie Tabellen, die sich leicht umwandeln lassen.
- Sorgen Sie dafĂĽr, dass sich Seiten, die neue Technologien verwenden, leicht umwandeln lassen.
- Sorgen Sie dafür, dass Benutzer zeitgesteuerte Änderungen von Inhalten kontrollieren können.
- Sorgen Sie für direkte Zugänglichkeit eingebetteter Benutzerschnittstellen.
- Wählen Sie ein geräteunabhängiges Design.
- Verwenden Sie Zwischenlösungen.
- Verwenden Sie W3C-Technologien und -Richtlinien.
- Stellen Sie Informationen zum Kontext und zur Orientierung bereit.
- Bieten Sie klare Navigationsmechanismen.
- Sorgen Sie dafĂĽr, dass Dokumente klar und einfach gehalten sind.
Zu guter Letzt können dann auch nochmal die Web Content Accessibility Guidelines 2.0 mit weiterführenden, ergänzenden kurzen Empfehlungen und abgeleiteten Heuristiken dienen, die das W3C auf einer »auf einen Blick«-Seite präsentiert:
-
Wahrnehmbar:
- Bieten Sie textliche Alternativen fĂĽr nicht-textliche Inhalte.
- Bieten Sie Untertitel und Alternativen fĂĽr Audio- und Video-Inhalte.
- Gewährleisten Sie Anpassbarkeit der Inhalte, und machen Sie diese für assistive Technologien verfügbar.
- Verwenden Sie ausreichenden Kontrast, damit Inhalte leicht zu sehen und zu hören sind.
-
Bedienbar:
- Machen Sie jegliche Funktionalität tastaturzugänglich.
- Gewähren Sie Benutzern ausreichend Zeit, um Inhalte zu lesen und zu gebrauchen.
- Machen Sie keinen Gebrauch von Inhalten, die Anfälle verursachen können.
- Helfen Sie Benutzern, Inhalte zu finden und zu navigieren.
-
Verständlich:
- Gestalten Sie Texte lesbar und verständlich.
- Sorgen Sie dafĂĽr, dass Inhalte auf vorhersehbare Weise erscheinen und sich verhalten.
- Helfen Sie Benutzern, Fehler zu vermeiden und zu korrigieren.
-
Robust:
- Erhöhen Sie Kompatibilität mit gegenwärtigen und zukünftigen Technologien.
IBM-Richtlinien
Nicht nur das W3C hat nützliche Heuristiken erarbeitet. Etwas allgemeiner ist das Regelwerk von IBM (unter der alten Adresse nicht mehr verfügbar; die ACM bietet kostenpflichtig die ursprüngliche Studie an), das gleichzeitig auch ein etwas breiteres Spektrum abdeckt. Es stellt die laut Ansicht des Autors einzige Sammlung dar, die neben den oben aufgezählten, verteilten W3C-Tipps noch besondere Beachtung verdient:
- Bieten Sie sinnvolle und relevante Alternativen fĂĽr nicht-textliche Elemente.
- Fördern Sie konsistente und korrekt ausgezeichnete Navigationsmechanismen.
- Erlauben Sie umfassenden und effizienten Gebrauch der Tastatur.
- Respektieren Sie die Browser-Einstellungen des Benutzers.
- Stellen Sie den sachgemäßen Gebrauch von Standard- und proprietären Bedienelementen sicher.
- Verlassen Sie sich nicht nur auf Farben, um zu differenzieren.
- Geben Sie Benutzern die Kontrolle ĂĽber potentielle Ablenkungen.
- Erlauben Sie Benutzern, zeitliche Abhängigkeiten einzusehen und zu steuern.
- Stellen Sie sicher, dass erstellte Websites kompatibel zu assistiven Technologien sind.
Solche Heuristiken und Empfehlungen können und sollen natürlich kein Ersatz für WCAG, BITV oder Section 508 sein, erst recht nicht, wenn rechtliche Bestimmungen einzuhalten sind. Dennoch aber helfen sie Anfängern wie Fortgeschrittenen durch ihre Einfachheit. Schließlich ist alles gewünscht, das hilft, für Barrierefreiheit zu sensibilisieren und Barrierefreiheit umzusetzen.
Ăśber mich
Ich bin Jens (lang: Jens Oliver Meiert), und ich bin ein Frontend-Engineering-Leiter und technischer Autor/Verleger. Ich habe als technischer Leiter für Firmen wie Google und als Engineering Manager für Firmen wie Miro gearbeitet, bin Mitwirkender an verschiedenen Webstandards und schreibe und prüfe Fachbücher für O’Reilly und Frontend Dogma.
Ich experimentiere gerne, nicht nur in der Webentwicklung (und im Engineering Management), sondern auch in anderen Bereichen wie der Philosophie. Hier auf meiert.com teile ich einige meiner Erfahrungen und Ansichten. (Bitte sei kritisch, interpretiere wohlwollend und gib Feedback.)
Ähnliche Beiträge
Das könnte dich ebenfalls interessieren:
- Was ist Barrierefreiheit im Internet?
- Usability-Heuristiken
- The Little Book of Website Quality Control
Die Webentwicklung gut überblicken? Probier WebGlossary.info – und The Web Development Glossary 3K. Mit Erklärungen und Definitionen zu tausenden Begriffen aus Webentwicklung, Webdesign und verwandten Feldern, aufbauend auf Wikipedia sowie MDN Web Docs. Erhältlich bei Apple Books, Kobo, Google Play Books und Leanpub.