 |
INDEX |
Referenzen |
Kontakt |
Impressum
|
 |  |
|
|
Barrierefreies Web

Kriterien für die Programmierung
Meta-Angaben:
- Definieren Sie den Doctype (Dokumententyp) im Quellcode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
- Definieren Sie die Sprache im Quelltext jeder Seite (
<meta
http-equiv="content-language" content="de">),
damit Sprach-Browser die richtige Sprache wählen können.
Formatierung mit CSS:
- Wenn Sie Style
Sheets (CSS) zur Formatierung einsetzen, wählen
Sie für Schriftgrößen keine festen Pixelangaben,
sondern relative Einheiten.
Nur so können Sehbehinderte Internet-User die Schriftgrößen
mit jedem Browser variabel einstellen.
Frames:
- Falls die Website durch Frames
realisiert ist, sollte der Zweck und Inhalt der Frames
klar und eindeutig mit den Attributen
<name>
und <title> beschrieben werden.
(Auch für Suchmaschinen
ist die Verwendung von Frames nicht unproblematisch.)
HTML:
- Alle Textelemente sollten konsequent in HTML
ausgezeichnet sein (beispielsweise
<p>-Tags
für Absätze, <h>-Tags für verschiedene
Überschriften), damit Vorlese-Software einen klar strukturierten
Text richtig interpretieren kann.
- Abkürzungen im Text sollten durch HTML-Attribute wie
<acronym>
oder <abbr> als Abkürzung gekennzeichnet werden.
Sinnvoll für Abkürzungen, die nicht mit Blanks zwischen
den Buchstaben versehen sind, ist die Angabe im Style Sheet {speak:
spell-out;}, damit alle Buchstaben einzeln und nicht als
Wort vorgelesen werden.
- Generell sollte nur W3C-konformes
HTML verwendet werden, da
die meisten Browser unbekannte Tags ignorieren.
Tabellen:
- Ältere Text-Browser
sowie die meisten Screenreader-Programme
erfassen Text zeilenweise und können deshalb Spaltentexte
oder Text in mehrspaltigen Tabellen nicht korrekt wiedergeben.
So wird ein mehrspaltiger Text zeilenweise spaltenübergreifend
(!) wiedergegeben.
- Wenn mehrspaltige Tabellen unvermeidlich sind, sollten sie so
aufbaut sein, dass sie sequentiell Zeile für Zeile gelesen
werden können.
- Bei umfangreichen Tabellen kann die jeweilige Nennung der Tabellenkopfinhalte
vor Wiedergabe des jeweiligen Datensatzes eine Hilfe für
den Hörenden sein.
Nutzen Sie hierzu beispielsweise den Cell-Reader-Tag {speaker-header-all:
always;}.
Listen:
- Jedes Listenelement sollte jeweils mit einem Punkt abgeschlossen
werden, damit bei der Sprachausgabe des Vorlese-Programms am Ende
jedes Listenpunktes automatisch die Stimme gesenkt wird.
Funktionen:
- Ein Doppelklick auf Buttons sollte möglichtst
durch ein einfaches Klicken ersetzt werden, da motorisch Behinderte
Schwierigkeiten haben, den Doppelklick auszuführen.
Weiterführende Links zum Thema Barrierefreiheit (Accessibility):
http://www.einfach-fuer-alle.de/artikel/bitvfueralle
http://www.w3c.de/Trans/WAI/webinhalt.html
http://selfhtml.teamone.de/css/eigenschaften/sprachausgabe.htm
|
|
|