Barrierefreies Web

Kriterien für die Programmierung

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.

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.

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.)

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.

Ä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;}.

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.

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):