App NVDA starten zum Testen
Bilder
Schritt 1: Mediathek
„Alternativer Text“ und „Titel“ eintragen, z. B. zweimal „Doppelhorn“.
Schritt 2: Website
Bild einfügen
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.
Auch ein verlinktes Bild sollte im Alternativtext als Link gekennzeichnet werden, zum Beispiel: „Link: Zu meinem neuen Artikel“.
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:
Beitrag „Links barrierefrei darstellen“
Abkürzungen
Auch diese sollten gekennzeichnet werden, damit beim Überfahren mit der Maus der Langtext angezeigt wird: BITV