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
:
XHTML 2.0, HTML 4.01 (ISO 15445), CSS 2.1
- Cascading Style Sheets (CSS) 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 Standards
überprüfen
Quellenverzeichnis