Bilder, die nur einen visuellen Mehrwert haben und keine wichtigen Infos vermitteln, muss man vor assistiven Technologien verstecken. Bei <img>: Das Alt-Attribut leer lassen. Bei <svg>: aria-hidden nutzen.

Bilder und Grafiken, die wichtige Infos vermitteln, brauchen eine Textalternative. Diese kann im Alt-Attribut oder auch als Text neben dem Bild stehen. Zu wichtigen Infos zählen auch Bilder, die Emotionen vermitteln.

Audiodateien brauchen ein Transkript als Medienalternative. Für stumme Videos wird entweder eine Videobeschreibung oder eine Audiodatei als Alternative benötigt.

Aufgezeichnete Videos benötigen synchrone Untertitel. Zu einem vollständigen Untertitel gehören nicht nur gesprochene Worte, sondern auch die Namen der Sprecher, menschliche Laute und wichtige Geräusche wie Musik.

Deine Videos benötigen eine Audiodeskription oder Volltext-Alternative, wenn wichtiger Inhalt darin vorkommt, der nicht auf der Tonspur beschrieben wird.

Auch Live-Übertragungen brauchen Untertitel. Dabei sollte nicht nur der Inhalt wiedergegeben werden, sondern auch, wer gerade spricht und welche wichtigen Geräusche zu hören sind.

Wenn ein Video wichtige Infos nur visuell, aber nicht über Ton vermittelt, braucht es eine Audiodeskription. So ein Inhalt kann schon der Name des Sprechers sein, wenn er nur im Bild gezeigt, aber nicht gesagt wird.

Überschriften müssen auch im HTML als solche ausgezeichnet sein (h1 bis h6) und sollten in der richtigen Reihenfolge stehen – also zum Beispiel keine <h5> direkt nach einer <h2>.

Verzichte auf sensorische Hinweise in deinen Texten. “Unten Links” kann ein Screenreader-User oft nicht finden, aber den Text eines Buttons oder Labels schon. Schreibe also eher: “Klicke auf den Button ‘Jetzt kaufen’!”

Die Texte von Links sollten alleine aussagekräftig sein. Ein Link darf vage sein („Mehr erfahren“), wenn der Kontext das Ziel klarmacht. Als Kontext zählt zum Beispiel eine vorhergehende Überschrift oder ein <p>-Tag um den Link herum.

Überschriften müssen den Inhalt oder den Zweck des Inhalts, der auf sie folgt, klar beschreiben. Auch die Beschriftungen von Formularfeldern müssen deutlich machen, was man in das Feld eintragen soll.

Wenn du versteckte Texte nutzt, um Links, Buttons oder Formularfelder für Screenreader genauer zu beschreiben, muss der sichtbare Text zumindest im versteckten Text enthalten sein. Am besten startet er auch genau so.

Wenn auf einer Website Sätze, Phrasen, Zitate oder Ähnliches in einer anderen Sprache verwendet werden, muss der anderssprachige Text mit dem »lang«-Attribut und der richtigen Sprache ausgezeichnet werden.

Die Benennung von Bedienelementen (wie Links, Buttons, Formularfelder) muss einheitlich sein, wenn sie auf mehreren Unterseiten die gleiche Funktion haben. Das sollte auch fürs Aussehen gelten.