5 Tipps für barrierefreie Newsletter
In rund einem Jahr kommt das Barrierefreiheitsgesetz (BFSG). Aber auch ohne gesetzlichen Druck sollten sich E-Mail-Marketer unbedingt mit dem Thema auseinandersetzen. Denn jeder fünfte Kunde hat mit leichten bis schweren Barrieren zu kämpfen. Hier 5 praktische Tipps.
1. Barrierefreies Newsletter-Layout
Gute Designer arbeiten mit starken Kontrasten. Sie vermeiden Rot-Grün-Kombinationen und wählen eine gut lesbare Schrift ab einer Größe von 15px für sehbehinderte Leser.
Auch motorisch eingeschränkte Personen sollten berücksichtigt werden, daher werden alle Schaltflächen so gestaltet, dass sie vollflächig anklickbar sind und um sie herum ausreichend Platz gelassen wird.
2. Sprachbarrieren und Screenreader
Möglichst kurze Sätze und eine leicht erfassbare Botschaft senken die Barriere bei der Texterfassung.
Aber auch bei der Gestaltung von Teaser-Texten kann man sehbehinderte oder blinde Leser unterstützen, indem man die Funktionsweise von Screenreadern berücksichtigt.
Ein Beispiel: Heben Sie wichtige Textpassagen nicht farbig hervor, sondern fetten Sie sie aus - damit Screenreader sie entsprechend interpretieren können.
3. Bilder für Sehbehinderte
Wer sich mit den Auswirkungen verschiedener Augenkrankheiten auseinandersetzt, weiß: Bilder sollten keine Informationen enthalten, die nicht auch im Text stehen und von Screenreadern vorgelesen werden. Außerdem ist ein guter Alternativtext unerlässlich.
4. Links
Links hinter Textpassagen im Teaser zu setzen, mag inhaltlich Sinn machen. Motorisch eingeschränkte Menschen haben jedoch Probleme, diese anzuklicken. Setzen Sie daher wichtige CTAs in Buttons. Mit einer durchdachten, gut lesbaren Klickaufforderung und genügend Platz drumherum.
5. Anpassungen im Quellcode
Leider kann im E-Mail-Marketing nicht auf Tabellen verzichtet werden, da diese für eine gute Darstellung in Outlook notwendig sind. Damit Screenreader die Tabellen nicht vorlesen, müssen diese für Screenreader ausgeblendet werden. Fügen Sie einfach folgenden Code in jede Tabelle ein: <table role="presentation" aria-hidden="true" …
Viel Erfolg beim Optimieren!
Quellen und nützliche Links:
harvard.edu/creating-accessible-emails
litmus.com/ultimate-guide-accessible-emails
absv.de/sehbehinderungssimulator
wikipedia.org/Screenreader
agnitas.de/barrierefreie-newsletter
Passende Fachartikel
Unser Fachwissen für Ihren Erfolg
5 Tipps für barrierefreie Newsletter
In rund einem Jahr kommt das Barrierefreiheitsgesetz (BFSG). Aber auch ohne gesetzlichen Druck sollten sich E-Mail-Marketer unbedingt mit dem Thema auseinandersetzen. Denn jeder fünfte Kunde hat mit leichten bis schweren Barrieren zu kämpfen. Hier 5 praktische Tipps.
1. Barrierefreies Newsletter-Layout
Gute Designer arbeiten mit starken Kontrasten. Sie vermeiden Rot-Grün-Kombinationen und wählen eine gut lesbare Schrift ab einer Größe von 15px für sehbehinderte Leser.
Auch motorisch eingeschränkte Personen sollten berücksichtigt werden, daher werden alle Schaltflächen so gestaltet, dass sie vollflächig anklickbar sind und um sie herum ausreichend Platz gelassen wird.
2. Sprachbarrieren und Screenreader
Möglichst kurze Sätze und eine leicht erfassbare Botschaft senken die Barriere bei der Texterfassung.
Aber auch bei der Gestaltung von Teaser-Texten kann man sehbehinderte oder blinde Leser unterstützen, indem man die Funktionsweise von Screenreadern berücksichtigt.
Ein Beispiel: Heben Sie wichtige Textpassagen nicht farbig hervor, sondern fetten Sie sie aus - damit Screenreader sie entsprechend interpretieren können.
3. Bilder für Sehbehinderte
Wer sich mit den Auswirkungen verschiedener Augenkrankheiten auseinandersetzt, weiß: Bilder sollten keine Informationen enthalten, die nicht auch im Text stehen und von Screenreadern vorgelesen werden. Außerdem ist ein guter Alternativtext unerlässlich.
4. Links
Links hinter Textpassagen im Teaser zu setzen, mag inhaltlich Sinn machen. Motorisch eingeschränkte Menschen haben jedoch Probleme, diese anzuklicken. Setzen Sie daher wichtige CTAs in Buttons. Mit einer durchdachten, gut lesbaren Klickaufforderung und genügend Platz drumherum.
5. Anpassungen im Quellcode
Leider kann im E-Mail-Marketing nicht auf Tabellen verzichtet werden, da diese für eine gute Darstellung in Outlook notwendig sind. Damit Screenreader die Tabellen nicht vorlesen, müssen diese für Screenreader ausgeblendet werden. Fügen Sie einfach folgenden Code in jede Tabelle ein: <table role="presentation" aria-hidden="true" …
Viel Erfolg beim Optimieren!
Quellen und nützliche Links:
harvard.edu/creating-accessible-emails
litmus.com/ultimate-guide-accessible-emails
absv.de/sehbehinderungssimulator
wikipedia.org/Screenreader
agnitas.de/barrierefreie-newsletter
5 Tipps für barrierefreie Newsletter
In rund einem Jahr kommt das Barrierefreiheitsgesetz (BFSG). Aber auch ohne gesetzlichen Druck sollten sich E-Mail-Marketer unbedingt mit dem Thema auseinandersetzen. Denn jeder fünfte Kunde hat mit leichten bis schweren Barrieren zu kämpfen. Hier 5 praktische Tipps.
1. Barrierefreies Newsletter-Layout
Gute Designer arbeiten mit starken Kontrasten. Sie vermeiden Rot-Grün-Kombinationen und wählen eine gut lesbare Schrift ab einer Größe von 15px für sehbehinderte Leser.
Auch motorisch eingeschränkte Personen sollten berücksichtigt werden, daher werden alle Schaltflächen so gestaltet, dass sie vollflächig anklickbar sind und um sie herum ausreichend Platz gelassen wird.
2. Sprachbarrieren und Screenreader
Möglichst kurze Sätze und eine leicht erfassbare Botschaft senken die Barriere bei der Texterfassung.
Aber auch bei der Gestaltung von Teaser-Texten kann man sehbehinderte oder blinde Leser unterstützen, indem man die Funktionsweise von Screenreadern berücksichtigt.
Ein Beispiel: Heben Sie wichtige Textpassagen nicht farbig hervor, sondern fetten Sie sie aus - damit Screenreader sie entsprechend interpretieren können.
3. Bilder für Sehbehinderte
Wer sich mit den Auswirkungen verschiedener Augenkrankheiten auseinandersetzt, weiß: Bilder sollten keine Informationen enthalten, die nicht auch im Text stehen und von Screenreadern vorgelesen werden. Außerdem ist ein guter Alternativtext unerlässlich.
4. Links
Links hinter Textpassagen im Teaser zu setzen, mag inhaltlich Sinn machen. Motorisch eingeschränkte Menschen haben jedoch Probleme, diese anzuklicken. Setzen Sie daher wichtige CTAs in Buttons. Mit einer durchdachten, gut lesbaren Klickaufforderung und genügend Platz drumherum.
5. Anpassungen im Quellcode
Leider kann im E-Mail-Marketing nicht auf Tabellen verzichtet werden, da diese für eine gute Darstellung in Outlook notwendig sind. Damit Screenreader die Tabellen nicht vorlesen, müssen diese für Screenreader ausgeblendet werden. Fügen Sie einfach folgenden Code in jede Tabelle ein: <table role="presentation" aria-hidden="true" …
Viel Erfolg beim Optimieren!
Quellen und nützliche Links:
harvard.edu/creating-accessible-emails
litmus.com/ultimate-guide-accessible-emails
absv.de/sehbehinderungssimulator
wikipedia.org/Screenreader
agnitas.de/barrierefreie-newsletter
5 Tipps für barrierefreie Newsletter
In rund einem Jahr kommt das Barrierefreiheitsgesetz (BFSG). Aber auch ohne gesetzlichen Druck sollten sich E-Mail-Marketer unbedingt mit dem Thema auseinandersetzen. Denn jeder fünfte Kunde hat mit leichten bis schweren Barrieren zu kämpfen. Hier 5 praktische Tipps.
1. Barrierefreies Newsletter-Layout
Gute Designer arbeiten mit starken Kontrasten. Sie vermeiden Rot-Grün-Kombinationen und wählen eine gut lesbare Schrift ab einer Größe von 15px für sehbehinderte Leser.
Auch motorisch eingeschränkte Personen sollten berücksichtigt werden, daher werden alle Schaltflächen so gestaltet, dass sie vollflächig anklickbar sind und um sie herum ausreichend Platz gelassen wird.
2. Sprachbarrieren und Screenreader
Möglichst kurze Sätze und eine leicht erfassbare Botschaft senken die Barriere bei der Texterfassung.
Aber auch bei der Gestaltung von Teaser-Texten kann man sehbehinderte oder blinde Leser unterstützen, indem man die Funktionsweise von Screenreadern berücksichtigt.
Ein Beispiel: Heben Sie wichtige Textpassagen nicht farbig hervor, sondern fetten Sie sie aus - damit Screenreader sie entsprechend interpretieren können.
3. Bilder für Sehbehinderte
Wer sich mit den Auswirkungen verschiedener Augenkrankheiten auseinandersetzt, weiß: Bilder sollten keine Informationen enthalten, die nicht auch im Text stehen und von Screenreadern vorgelesen werden. Außerdem ist ein guter Alternativtext unerlässlich.
4. Links
Links hinter Textpassagen im Teaser zu setzen, mag inhaltlich Sinn machen. Motorisch eingeschränkte Menschen haben jedoch Probleme, diese anzuklicken. Setzen Sie daher wichtige CTAs in Buttons. Mit einer durchdachten, gut lesbaren Klickaufforderung und genügend Platz drumherum.
5. Anpassungen im Quellcode
Leider kann im E-Mail-Marketing nicht auf Tabellen verzichtet werden, da diese für eine gute Darstellung in Outlook notwendig sind. Damit Screenreader die Tabellen nicht vorlesen, müssen diese für Screenreader ausgeblendet werden. Fügen Sie einfach folgenden Code in jede Tabelle ein: <table role="presentation" aria-hidden="true" …
Viel Erfolg beim Optimieren!
Quellen und nützliche Links:
harvard.edu/creating-accessible-emails
litmus.com/ultimate-guide-accessible-emails
absv.de/sehbehinderungssimulator
wikipedia.org/Screenreader
agnitas.de/barrierefreie-newsletter