Technische Umsetzung

Tipps zu Accessibility

Web Accessibility

Um die Prinzipien von accessibility umzusetzen sollten beim Programmieren folgende Richtlinien eingehalten werden:

Labeling und Markup

  • ein Textäquivalent verwenden (z.B. <ALT>, <LONGDESC>) für alle nicht-Text Elemente, besonders jene die zur Navigation dienen und unwichtige Graphiken wie Zeilenbalken
  • konform sein zu aktuellen Standards Link: XHTML 2.0, HTML 4.01 (ISO 15445), CSS 2.1
  • Cascading Style Sheets (CSS) Link verwenden um Präsentation und Layout aufzubauen, statt Präsentationselemente und -attribute, aber eine Darstellung benutzen, die auch ohne style sheets gelesen werden kann.
  • Zeilen- und Kolonnenheader für Datentabellen identifizieren
  • den <LONGDESC> Tag benutzen um Graphiken und Charts zusammenzufassen
  • Untertitel oder Beschreibung bei Multimediainhalten verwenden
  • alternativen Inhalt für Scripts, Applets und Plugins zu Verfügung stellen, um potentiellem Informationsverlust vorzubeugen
  • <LANG> Tag für screen readers benutzen, welche dies unterstützen

Formatierung

  • relative Einheiten in CSS verwenden - em oder % statt cm, pt oder px
  • sortierte Listen verwenden, die Listen auf der Webseite nummerieren
  • bei Benutzung von Tabellen keine strukturellen markups für visuelle Formatierung verwenden

Validierung

  • die Webseite durch Validation- oder Korrektur-Tools kontrollieren lassen

Alternativen

  • zulassen, Navigationslinks zu überspringen und zum Haupinhalt der Seite zu gelangen

Hyperlinks

  • logische Tab-Sortierung durch Links kreieren
  • Hyperlinks länger als 10 Wörter vermeiden
  • beschreibende Links verwenden, statt „hier klicken“. Links sollen auch ohne Kontext Sinn machen.
  • das Ziel jedes Links klar identifizieren

Anzeige

  • auf genügend Kontrast zwischen Text und Hintergrundfarbe achten
  • kontrollieren ob Tabellen Sinn machen wenn sie links nach rechts, oben nach unten gelesen werden, denn so funktionieren screen readers. Zeilen- und Kolonnenheader identifizieren und <CAPTION> oder Zusammenfassungsattribute und -headers benutzen um den Inhalt zu beschreiben
  • eine <NOFRAMES> Option bei Benutzung von Frames programmieren
  • aussagekräftige Seitentitel verwenden
  • Blinken, Flickern oder bewegende Objekte vermeiden
  • Untertitel für Audioinhalte benutzen, die relevante Information enthalten oder eine Zusammenfassung schreiben

Tips um Accessibility zu Testen

  • Bilderanzeige im Browser aussschalten
  • Klänge ausschalten
  • Kontrastkontrolle durch Betrachten der Seite in Graustufen
  • Style Sheets (CSS) ausschalten
  • Scripts, Applets oder andere Programmobjekte ausschalten
  • die grösste Schriftgrösse eines Browsers auswählen
  • Grösse der Fenster verändern
  • Validierungstools verwenden, die nach W3C Link Standards überprüfen

Quellenverzeichnis