Barrierefreiheit
Grundlagen zur Barrierefreiheit
Barrierefreiheit bedeutet, Angebote so zu gestalten, dass sie für möglichst viele Menschen, unabhängig von ihren Fähigkeiten oder Einschränkungen, nutzbar sind. In Deutschland regelt seit dem 28.
Die Barrierefreiheitstest-Funktion
Barrierefreiheitstests sind im Design Editor für E-Mails verfügbar, der ältere Template-Kit-Editor unterstützt keine automatisierten Barrierefreiheitstests. Einträge auf der Ergebnisseite, die mit WCAG gekennzeichnet sind, beziehen sich auf gesetzlich vorgeschriebene Barrierefreiheitskriterien.
Barrierefreies HTML
Für die Barrierefreiheit von E-Mails ist eine korrekte HTML-Syntax bezüglich Tags, Verschachtelung sowie eindeutiger Attribute und IDs unerlässlich, um eine fehlerfreie Interpretation durch Screenreader zu gewährleisten. Der Design Editor in Optimizely Campaign erstellt bereits ein HTML, das diesen Anforderungen gerecht wird.
Barrierefreie Multimedia-Inhalte
Um Bilder barrierefrei zu gestalten, müssen präzise Alternativtexte erstellt werden, die Screenreadern die Möglichkeit bieten, diese vorzulesen und sehbehinderten Menschen den Zugang zu den Informationen zu gewähren. Folgende Elemente benötigen Textalternativen Bilder (Fotos, Illustrationen, Logos) Grafiken (Diagramme, Darstellungen von Informationen) Icons (Navigations-Icons, Social Media Icons) Animationen (GIFs, animierte SVGs) Video- und Audioinhalte Für Bildelemente (\<img>) wird das alt-Attribut verwendet.
Barrierefreie Formatierung
Texte ab zwei Zeilen sollten linksbündig ausgerichtet sein. Dies verbessert die Lesbarkeit, da es einen einheitlichen Startpunkt für jede Zeile bietet.
Bedienbarkeit und Komfort
Texte müssen bis zu 200% vergrößert werden können, ohne dass dabei Inhalte oder Funktionalitäten verloren gehen. Ziel ist es, Nutzern mit geringer Sehschärfe zu ermöglichen, Texte in einer für sie lesbaren Größe darzustellen, ohne dass die Nutzbarkeit der Seite eingeschränkt wird.