Barrierefreiheit

App NVDA starten zum Testen

Bilder

Schritt 1: Mediathek
„Alternativer Text“ und „Titel“ eintragen, z. B. zweimal „Doppelhorn“.

Schritt 2: Website
Bild einfügen

Doppelhorn


Schritt3: Website rechte Spalte

„Alternativtext“ eintragen, der das Bild kurz beschreibt, z. B. „Doppelhorn XYZ“.
Länge des Alternativtexts: 40 – max. 120 Zeichen
Dieser Text wird durch einen Screenreader ausgegeben, aber nicht auf der Website angezeigt.

„Erweitert |Title Attribut“: Der hier eingetragene Text wird nur beim Überfahren mit der Maus angezeigt, jedoch nicht auf allen Browsern.

Anmerkung: Ein Screenreader gibt entweder „Alternativtext“ oder „Title Attribut“ aus (tbd).

Wenn das Bild selbst Text enthält, sollte dieser im „Alternativtext“ aufgenommen werden, da der Screenreader Text im Bild nicht auslesen kann.

Grafik mit Text Bild zu Text: Texterkennung in Bildern

Auch ein verlinktes Bild sollte im Alternativtext als Link gekennzeichnet werden, zum Beispiel: „Link: Zu meinem neuen Artikel“.

Link: Zur Seite "Besetzung"

LINKS

Ideal ist eine zweifache Auszeichnung eines Links, z.B. durch Unterstreichung UND farblichen Kontrast. Denkbar ist auch ein Symbol.

Auch die Linkbezeichnung sollte aussagekräftig und eindeutig sein, z. B. „Beitrag X lesen“ oder „Jetzt für X anmelden“.

–> Link-Attribut „title“ nutzen (3-Punkte-Symbol –> Als HTML bearbeiten

Beispiele:

Notenverzeichnis

Beitrag „Links barrierefrei darstellen“

Abkürzungen

Auch diese sollten gekennzeichnet werden, damit beim Überfahren mit der Maus der Langtext angezeigt wird: BITV