Barrierefreies Webdesign

1. Stellen Sie äquivalente Alternativen für Audio- und visuellen Inhalt bereit

Besonders Bilder, Grafiken, grafisch dargestellter Text etc. sollte mit dem alt-Attribut versehen und so textuell beschrieben werden.

2. Verlassen Sie sich nicht auf Farbe allein

Inhalte sollen auch ohne Einsatz von Farbe (z. B. auf einem Schwarzweiß-Bildschirm) verfügbar sein.

3. Verwenden Sie Markup und Stylesheets und tun Sie dies auf korrekte Weise

Wie bereits erwähnt, sollen Inhalt/Struktur und Layout einer Webseite getrennt werden durch den Einsatz von Stylesheets. Inhalt und Struktur-Markup gehören in die HTML-Seite, während das Layout durch den Einsatz von CSS-Stylesheets realisiert wird. Struktur-Markups (z. B. Tabellen, Überschriften etc.) dürfen nicht für Layout-Zwecke "missbraucht" werden. Auch sollte Text nicht als Grafik dargestellt werden, sondern tatsächlich als Text.

4. Verdeutlichen Sie die Verwendung natürlicher Sprache

Wenn Wörter in einer anderen Sprache in einen Text eingefügt werden, so sind diese durch den entsprechenden Tag zu kennzeichnen.

5. Erstellen Sie Tabellen, die übersichtlich sind

Tabellen sollen wirklich nur für tabellarische Daten verwendet werden, und nicht, um ein bestimmtes Layout damit zu gestalten. Ausserdem sollten Zeilen- und Spalten-Überschriften verwendet werden.

6. Sorgen Sie dafür, dass Seiten, die neue Technologien verwenden, gut lesbar sind

Webseiten sollen auch dann lesbar sein, wenn neue Technologien nicht zur Verfügung stehen - sei es, weil ältere Browser eingesetzt werden oder weil Features durch den Benutzer ausgeschaltet sind. So müssen HTML-Seiten auch ohne das zugeordnete CSS-Stylesheet gelesen werden können. Seiten müssen auch verwendbar sein, wenn Elemente wie JavaScript oder ActiveX deaktiviert wurden.

7. Sorgen Sie für eine Kontrolle des Benutzers über zeitgesteuerte Änderungen des Inhalts

Bewegliche, scrollende oder sich ständig ändernde Objekte oder Seiten müssen vom Benutzer angehalten werden können. Abgesehen davon, dass z. B. blinkender Text schwer lesbar ist und vom restlichen Inhalt stark ablenkt, kann er bei gefährdeten Personen sogar epileptische Anfälle (besonders im Bereich von 20 Hertz) auslösen.

8. Wählen Sie ein geräteunabhängiges Design, auch für eingebettete Benutzerschnittstellen

HTML-Seiten sollen grundsätzlich geräteunabhängig (d. h. nicht nur mit Maus, sondern auch mit Tastatur, über Spracheingabe etc.) zugänglich sein. Werden Benutzerschnittstellen eingebettet, so gilt diese Forderung auch für diese.