Accessibility

• Fügen Sie in die ALT Attribute der Bilder textliche Beschreibungen oder ggf. mehr Erklärungen ein. Entweder im Quellcode der Seite oder auf einer anderen verlinkten Website.

• Erstellen Sie Ihre Links so, dass Nutzer  Navigationsmenüs, lange Auflistungen von Elementen, ASCII-Art oder ähnliches überspringen können. Am besten überall dort, wo es schwierig sein könnte, Ihre Inhalte zu hören.

• Stellen Sie sicher, dass eine Verlinkung aus dem Kontext der Website heraus, auch wirklich Sinn macht. Verlinkungen mit "hier klicken" sind denkbar ungeeignet.

• Achten Sie darauf, dass Sie keine Scripte verwenden, für die eine Mouse erforderlich ist z.B. onMouseover Funktionen. Als Alternative können Sie den Status onfocus verwenden, dieser wird auch von Tastaturen unterstützt.

Hörer haben Schwierigkeiten mit Daten-Tabellen und deren Inhalten

• Bei Daten-Tabellen können Sie Spalten und Zeilen Header (<th>) einrichten.
• Vermeiden Sie, wenn möglich, Zeilen oder Zellen über die Breite/Höhe der Tabelle miteinander zu verbinden.

Komplexe Daten-Tabellen, Grafiken, Statistiken sind unbrauchbar

• Bieten Sie eine Zusammenfassung an und/ oder textliche Beschreibungen, am besten auf der gleichen Seite oder als Alternative verlinkt.

Framessets führen zur Orientierungslosigkeit, weil Frames nicht alle direkt "sichtbar" sind

• Frames sollten Sie möglichst vermeiden, falls es dennoch nötig ist, vergeben Sie für die Framsets logische Namen (z.B. "Navigations Frame", "Hauptinhalt").

• Vermeiden Sie den Focus der Bedeutung von Farben für die Funktion von Elementen der Website.

• Vermeiden Sie JAVA Script Links ohne erkennbare Linkziele (z.B. href="javascript: function(this)").

Screen-Reader User lesen Webinhalte in literarischer Abfolge

• Stellen Sie sicher, dass komplexe CSS oder Tabellen-Layouts richtig gelesen werden können und per CSS korrekt programmiert sind.

• Bieten Sie eine Audio Unterstützung an, die wichtige Ereignisse zusammenfasst. Achten Sie darauf, dass Inhalte auch ohne Bild interpretiert werden können.

• Achten Sie darauf kontrastreiche Farben zu verwenden.
• Nutzen Sie zur Visualisierung von wichtigen Inhalten oder Hinweisen keine Farben, z.B. bei der Darstellung von Aufpreisen. Ergänzen Sie Farben möglichst mit Text.

• Um viel horizontales Scrollen zu vermeiden, arbeiten Sie am besten mit relativen statt absoluten Größeneinheiten. Legen Sie z.B. Tabellen in % Prozent-Breite an, statt Breite in Pixeln.

Grafik-Text lässt sich nicht vergrößern oder pixelt dabei

• Reduzieren oder vermeiden Sie Grafiktext.
• Benutzen Sie bei Erstellung grafischer Texte Anti-Alias, um den Text lesbarer zu machen

• Bieten Sie ein Script an, dass der User statt der Audio Ausgabe lesen kann.
• Arbeiten Sie in Web-Videos mit synchronen Untertiteln.

• Stellen Sie sicher, dass Ihre Website über die Tastatur bedienbar ist. Probieren Sie dazu aus, mit der TAB-Taste von Link zu Link zu springen
• Achten Sie dabei auf die richtige und logische Reihenfolge der TAB Sprünge zwischen den Links.

• Bieten Sie die Möglichkeit an, lange Link-Listen oder längeren Content zu überspringen.

• Software zur Sprachsteuerung kann in der Regel, im Gegensatz zur Tastatur, keine Mouse-Bewegung ersetzen. Stellen Sie daher sicher, dass die Website auch über Tastatur bedienbar ist.

User kommen mit komplexen Layouts und Navigationen nicht zurecht

• Gestalten Sie Ihre Website so einfach wie möglich.
• Sorgen Sie dafür, dass Ihre Navigation logisch aufgebaut ist.

User können komplizierte und lange Texte nicht richtig begreifen

• Texte gruppieren und mit logischen Überschriften unterteilen.
• Geben Sie Informationen in überschaubaren "Brocken" Preis.

• Fügen Sie Grafiken, Abbildungen oder andere Medien zur Illustration ein