SlideShare uma empresa Scribd logo
1 de 14
Barrierefreiheit im Newsletter
Inhalt
•
•
•
•

Was ist ein Newsletter?
Reiner Text versus Gestaltung
Technische und redaktionelle Anforderungen
Best Practices

www.oliveira-online.net

2
Was ist ein Newsletter?
• Ein Newsletter ist ein abonnierter
Nachrichtendienst, der regelmäßig per Mail
versendet wird.
• Der Nutzer ist normalerweise motiviert zur
Lektüre, da er ihn aktiv abonniert hat.
• Schlechte Performanz oder unpassende
Inhalte können dazu führen, dass der
Newsletter gar nicht mehr geöffnet wird, aber
auch nich abbestellt wird.
www.oliveira-online.net

3
TECHNISCHE ANFORDERUNGEN
Text versus HTML
• Reine Textmails haben gegenüber gestalteten Newslettern einige
Vorteile: Sie sind kompakt und daher schneller geladen (wichtig für
mobile Endgeräte), sie werden seltener als Spam eingestuft, die
Serverlast wird verringert…
• Zudem werden mögliche Darstellungsfehler in Mail-Client
minimiert.
• Wenn kein reiner Textletter angeboten werden kann, sollten die
Nutzer selbst auswählen können, ob sie Plain Text oder HTML
beziehen. Das erhöht die Wahrscheinlichkeit von Abonnements.
• Dem Text-Newsletter kann ein Link vorangestellt werden, der zu
einer gestalteten – barrierefreien – HTML-Webseite führt. Dadurch
haben sich auch die meisten Darstellungsprobleme erledigt.

www.oliveira-online.net

5
Gestaltete Newsletter
• Newsletter können mit HTML gestaltet werden.
Wegen der verschiedenen Mailprogramme ist
eine einheitliche Darstellung kaum möglich. Je
weniger Gestaltungselemente verwendet
werden, desto geringer ist die Wahrscheinlichkeit
fehlerhafter Darstellungen.
• Auch sogenannte Multipart-Mails, bei denen Text
und HTML gekapselt werden, funktionieren oft
nicht einwandfrei.
www.oliveira-online.net

6
Barrierefreiheit im Newsletter
• Wie Webseiten können HTML-Newsletter mit
Zwischenüberschriften, Listen und
Alternativtexten für Bilder ausgestattet werden.
• Dem Newsletter sollte ein Inhaltsverzeichnis
vorangestellt werden, das als Liste formatiert
werden kann. Blinde sehen den Scrollbalken
nicht, daher kommt es ihnen zugute, wenn sie
wissen, was sie erwartet und wie lang der
Newsletter in etwa ist.
www.oliveira-online.net

7
Typographische Anforderungen
• Text sollte im Flattersatz sein, Listen, Zitate etc. sollten
formatiert werden.
• Farbige Schrift sollte Kinder-Websites vorbehalten
bleiben, alle Sonderformatierungen wie Fettschrift,
Zentrierung, besonderer Buchstabenabstand etc.
verschlechtert die Lesbarkeit.
• Links sollten, vor allem wenn sie lang sind, nicht als
reiner Text eingeblendet werden, das Linkziel sollte
eindeutig erkennbar sein, es sollten z.B. keine Videos
oder PDFs geöffnet werden, wenn der Nutzer nur eine
Website erwartet.
www.oliveira-online.net

8
Bilder und Grafiken
• Bilder und Grafiken können
eingesetzt werden, um einen
Inhalt zu illustrieren oder auf
einen Blick zu vermitteln.
• Es sollte immer ein sprechender
Alternativtext oder eine
Bildunterschrift eingesetzt
werden. Viele Smartphonenutzer
blockieren Bilder, um die
Ladegeschwindigkeit zu erhöhen
und sehen nur den Alternativtext.
• Bilder und Grafiken sollten
möglichst klein gehalten werden,
um die Ladegeschwindigkeit zu
erhöhen, auf Smartphones sind
sie so oder so schlecht oder kaum
erkennbar.
www.oliveira-online.net

9
BEST PRACTICES

www.oliveira-online.net

10
Den Abschied einfach machen
• Zu jedem Newsletter gehört ein Abmelde-Link, da er
sonst als Spam betrachtet werden muss.
• Der Abschied sollte nicht durch Log-Ins, CAPTCHAs
oder andere Hindernisse erschwert werden.
• Der Abschiedslink sollte direkt zur Abmeldemaske
führen, erlaubt ist höchstens noch eine
Bestätigungsmail.
• Einige Maildienste werden auch selbst per Mail
gesteuert, das ist in Ordnung, muss aber ausreichend
etwa im Fuß des Newsletters erläutert werden.

www.oliveira-online.net

11
Keine Extras
• Verschicken Sie keine Anhänge als Newsletter, etwa
PDFs, Docs oder Ähnliches.
• Auch den Link zu einem Newsletter als PDF zu
versenden ist nicht sinnvoll. Die intrinsische Motivation
der Nutzer ist fast nie hoch genug, sich dieses
Dokument herunterzuladen und anzusehen.
• Lassen Sie dem Nutzer die Entscheidung, einen
Newsletter zu abonnieren oder es zu lassen. Ein
untergeschobenes Abo etwa wegen eines
Gewinnspiels, eines Zugangs zu einem Dienst etc.
kommt nicht gut an.
www.oliveira-online.net

12
Datenschutz beachten
• Zügeln Sie Ihre Neugier. In der Regel sollte es
ausreichen, die E-Mail-Adresse anzugeben. Alles
weitere wie Name, Telefon oder Adresse sieht
verdächtig aus und lädt zur Angabe falscher
Informationen ein.
• Wegen der häufigen Datendiebstähle der letzten
Zeit ist es auch in Ihrem Interesse, dem Nutzer
Vertrauen einzuflößen, Daten, die Sie nicht
gesammelt haben, können Ihnen auch nicht
gesteohlen werden.
www.oliveira-online.net

13
Vielen Dank
• Weitere Informationen
zur Barrierefreiheit
finden Sie auf meiner
Website www.netzbarrierefrei.de
• Sowie in meinem Buch
zur barrierefreien
Redaktion

www.oliveira-online.net

14

Mais conteúdo relacionado

Destaque

At strateg leitfaden_umwelt_entwicklung_sept09
At strateg leitfaden_umwelt_entwicklung_sept09At strateg leitfaden_umwelt_entwicklung_sept09
At strateg leitfaden_umwelt_entwicklung_sept09lebenmitzukunft
 
DIAPORAMA GLADULAS HISTOLOGIA
DIAPORAMA GLADULAS HISTOLOGIADIAPORAMA GLADULAS HISTOLOGIA
DIAPORAMA GLADULAS HISTOLOGIAAstriid Baheena
 
Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?Domingos de Oliveira
 
JEP Digital Renderings
JEP Digital RenderingsJEP Digital Renderings
JEP Digital RenderingsJames Parrish
 
Hamburg braucht dich
Hamburg braucht dichHamburg braucht dich
Hamburg braucht dichnexthamburg
 
Hotel Pürgl - Bayerischer Wald - nahe St. Englmar
Hotel Pürgl - Bayerischer Wald - nahe St. EnglmarHotel Pürgl - Bayerischer Wald - nahe St. Englmar
Hotel Pürgl - Bayerischer Wald - nahe St. EnglmarSocial Tourism Marketing
 
Blondine+im+stoffgeschft
Blondine+im+stoffgeschftBlondine+im+stoffgeschft
Blondine+im+stoffgeschftPetefull
 
Fallstudie Suchmaschinenoptimierung für apotheker.com
Fallstudie Suchmaschinenoptimierung für apotheker.comFallstudie Suchmaschinenoptimierung für apotheker.com
Fallstudie Suchmaschinenoptimierung für apotheker.comLinguLab GmbH
 
Mobile Commerce: Nutzerfreundlichkeit ist Trumpf
Mobile Commerce: Nutzerfreundlichkeit ist Trumpf Mobile Commerce: Nutzerfreundlichkeit ist Trumpf
Mobile Commerce: Nutzerfreundlichkeit ist Trumpf TWT
 
Apêndice b.planilha.ne10
Apêndice b.planilha.ne10Apêndice b.planilha.ne10
Apêndice b.planilha.ne10Carly Falcão
 

Destaque (20)

Presentasiones
PresentasionesPresentasiones
Presentasiones
 
At strateg leitfaden_umwelt_entwicklung_sept09
At strateg leitfaden_umwelt_entwicklung_sept09At strateg leitfaden_umwelt_entwicklung_sept09
At strateg leitfaden_umwelt_entwicklung_sept09
 
DIAPORAMA GLADULAS HISTOLOGIA
DIAPORAMA GLADULAS HISTOLOGIADIAPORAMA GLADULAS HISTOLOGIA
DIAPORAMA GLADULAS HISTOLOGIA
 
Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?
 
JEP Digital Renderings
JEP Digital RenderingsJEP Digital Renderings
JEP Digital Renderings
 
Hamburg braucht dich
Hamburg braucht dichHamburg braucht dich
Hamburg braucht dich
 
Hotel Pürgl - Bayerischer Wald - nahe St. Englmar
Hotel Pürgl - Bayerischer Wald - nahe St. EnglmarHotel Pürgl - Bayerischer Wald - nahe St. Englmar
Hotel Pürgl - Bayerischer Wald - nahe St. Englmar
 
CalendáRio 2010 Lindo E Fofo
CalendáRio 2010   Lindo E FofoCalendáRio 2010   Lindo E Fofo
CalendáRio 2010 Lindo E Fofo
 
Feriendorf Gross Zicker
Feriendorf Gross ZickerFeriendorf Gross Zicker
Feriendorf Gross Zicker
 
Comcari.de
Comcari.deComcari.de
Comcari.de
 
Blondine+im+stoffgeschft
Blondine+im+stoffgeschftBlondine+im+stoffgeschft
Blondine+im+stoffgeschft
 
Ads matlab
Ads matlabAds matlab
Ads matlab
 
Broschüre Italienisch Sprachschule Italien 2011
Broschüre Italienisch Sprachschule Italien 2011Broschüre Italienisch Sprachschule Italien 2011
Broschüre Italienisch Sprachschule Italien 2011
 
Fallstudie Suchmaschinenoptimierung für apotheker.com
Fallstudie Suchmaschinenoptimierung für apotheker.comFallstudie Suchmaschinenoptimierung für apotheker.com
Fallstudie Suchmaschinenoptimierung für apotheker.com
 
Juleica
JuleicaJuleica
Juleica
 
Avivamiento en corea
Avivamiento en coreaAvivamiento en corea
Avivamiento en corea
 
Alvaro aalto
Alvaro aaltoAlvaro aalto
Alvaro aalto
 
Pflegeprodukte Twintop Bremen
Pflegeprodukte Twintop BremenPflegeprodukte Twintop Bremen
Pflegeprodukte Twintop Bremen
 
Mobile Commerce: Nutzerfreundlichkeit ist Trumpf
Mobile Commerce: Nutzerfreundlichkeit ist Trumpf Mobile Commerce: Nutzerfreundlichkeit ist Trumpf
Mobile Commerce: Nutzerfreundlichkeit ist Trumpf
 
Apêndice b.planilha.ne10
Apêndice b.planilha.ne10Apêndice b.planilha.ne10
Apêndice b.planilha.ne10
 

Mais de Domingos de Oliveira

Als Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine EinführungAls Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine EinführungDomingos de Oliveira
 
Meine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werdenMeine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werdenDomingos de Oliveira
 
Mein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werdenMein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werdenDomingos de Oliveira
 
Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0Domingos de Oliveira
 
Barrierefreie lehr und lernmaterialien
Barrierefreie lehr  und lernmaterialienBarrierefreie lehr  und lernmaterialien
Barrierefreie lehr und lernmaterialienDomingos de Oliveira
 
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017Domingos de Oliveira
 
Wie barrierefrei ist meine website
Wie barrierefrei ist meine websiteWie barrierefrei ist meine website
Wie barrierefrei ist meine websiteDomingos de Oliveira
 
Barrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiertBarrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiertDomingos de Oliveira
 
Crashkurs digitale barrierefreiheit
Crashkurs digitale barrierefreiheitCrashkurs digitale barrierefreiheit
Crashkurs digitale barrierefreiheitDomingos de Oliveira
 
Barrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und ToolsBarrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und ToolsDomingos de Oliveira
 
Screenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDAScreenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDADomingos de Oliveira
 
Corporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheitCorporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheitDomingos de Oliveira
 
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzenGraswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzenDomingos de Oliveira
 

Mais de Domingos de Oliveira (20)

Als Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine EinführungAls Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine Einführung
 
Meine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werdenMeine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werden
 
Mein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werdenMein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werden
 
Was bedeutet blindheit
Was bedeutet blindheitWas bedeutet blindheit
Was bedeutet blindheit
 
Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0
 
Barrierefreie lehr und lernmaterialien
Barrierefreie lehr  und lernmaterialienBarrierefreie lehr  und lernmaterialien
Barrierefreie lehr und lernmaterialien
 
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017
 
Einfach barrierefrei
Einfach barrierefreiEinfach barrierefrei
Einfach barrierefrei
 
Behinderte im Storytelling
Behinderte im StorytellingBehinderte im Storytelling
Behinderte im Storytelling
 
Wie barrierefrei ist meine website
Wie barrierefrei ist meine websiteWie barrierefrei ist meine website
Wie barrierefrei ist meine website
 
Barrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiertBarrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiert
 
Crashkurs digitale barrierefreiheit
Crashkurs digitale barrierefreiheitCrashkurs digitale barrierefreiheit
Crashkurs digitale barrierefreiheit
 
Barrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und ToolsBarrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und Tools
 
Barrierefreie dokumente
Barrierefreie dokumenteBarrierefreie dokumente
Barrierefreie dokumente
 
Barrierefreiheit in eBooks
Barrierefreiheit in eBooksBarrierefreiheit in eBooks
Barrierefreiheit in eBooks
 
Screenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDAScreenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDA
 
Grassroots accessibility
Grassroots accessibilityGrassroots accessibility
Grassroots accessibility
 
Semantik im web
Semantik im webSemantik im web
Semantik im web
 
Corporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheitCorporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheit
 
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzenGraswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
 

Barrierefreiheit im newsletter

  • 2. Inhalt • • • • Was ist ein Newsletter? Reiner Text versus Gestaltung Technische und redaktionelle Anforderungen Best Practices www.oliveira-online.net 2
  • 3. Was ist ein Newsletter? • Ein Newsletter ist ein abonnierter Nachrichtendienst, der regelmäßig per Mail versendet wird. • Der Nutzer ist normalerweise motiviert zur Lektüre, da er ihn aktiv abonniert hat. • Schlechte Performanz oder unpassende Inhalte können dazu führen, dass der Newsletter gar nicht mehr geöffnet wird, aber auch nich abbestellt wird. www.oliveira-online.net 3
  • 5. Text versus HTML • Reine Textmails haben gegenüber gestalteten Newslettern einige Vorteile: Sie sind kompakt und daher schneller geladen (wichtig für mobile Endgeräte), sie werden seltener als Spam eingestuft, die Serverlast wird verringert… • Zudem werden mögliche Darstellungsfehler in Mail-Client minimiert. • Wenn kein reiner Textletter angeboten werden kann, sollten die Nutzer selbst auswählen können, ob sie Plain Text oder HTML beziehen. Das erhöht die Wahrscheinlichkeit von Abonnements. • Dem Text-Newsletter kann ein Link vorangestellt werden, der zu einer gestalteten – barrierefreien – HTML-Webseite führt. Dadurch haben sich auch die meisten Darstellungsprobleme erledigt. www.oliveira-online.net 5
  • 6. Gestaltete Newsletter • Newsletter können mit HTML gestaltet werden. Wegen der verschiedenen Mailprogramme ist eine einheitliche Darstellung kaum möglich. Je weniger Gestaltungselemente verwendet werden, desto geringer ist die Wahrscheinlichkeit fehlerhafter Darstellungen. • Auch sogenannte Multipart-Mails, bei denen Text und HTML gekapselt werden, funktionieren oft nicht einwandfrei. www.oliveira-online.net 6
  • 7. Barrierefreiheit im Newsletter • Wie Webseiten können HTML-Newsletter mit Zwischenüberschriften, Listen und Alternativtexten für Bilder ausgestattet werden. • Dem Newsletter sollte ein Inhaltsverzeichnis vorangestellt werden, das als Liste formatiert werden kann. Blinde sehen den Scrollbalken nicht, daher kommt es ihnen zugute, wenn sie wissen, was sie erwartet und wie lang der Newsletter in etwa ist. www.oliveira-online.net 7
  • 8. Typographische Anforderungen • Text sollte im Flattersatz sein, Listen, Zitate etc. sollten formatiert werden. • Farbige Schrift sollte Kinder-Websites vorbehalten bleiben, alle Sonderformatierungen wie Fettschrift, Zentrierung, besonderer Buchstabenabstand etc. verschlechtert die Lesbarkeit. • Links sollten, vor allem wenn sie lang sind, nicht als reiner Text eingeblendet werden, das Linkziel sollte eindeutig erkennbar sein, es sollten z.B. keine Videos oder PDFs geöffnet werden, wenn der Nutzer nur eine Website erwartet. www.oliveira-online.net 8
  • 9. Bilder und Grafiken • Bilder und Grafiken können eingesetzt werden, um einen Inhalt zu illustrieren oder auf einen Blick zu vermitteln. • Es sollte immer ein sprechender Alternativtext oder eine Bildunterschrift eingesetzt werden. Viele Smartphonenutzer blockieren Bilder, um die Ladegeschwindigkeit zu erhöhen und sehen nur den Alternativtext. • Bilder und Grafiken sollten möglichst klein gehalten werden, um die Ladegeschwindigkeit zu erhöhen, auf Smartphones sind sie so oder so schlecht oder kaum erkennbar. www.oliveira-online.net 9
  • 11. Den Abschied einfach machen • Zu jedem Newsletter gehört ein Abmelde-Link, da er sonst als Spam betrachtet werden muss. • Der Abschied sollte nicht durch Log-Ins, CAPTCHAs oder andere Hindernisse erschwert werden. • Der Abschiedslink sollte direkt zur Abmeldemaske führen, erlaubt ist höchstens noch eine Bestätigungsmail. • Einige Maildienste werden auch selbst per Mail gesteuert, das ist in Ordnung, muss aber ausreichend etwa im Fuß des Newsletters erläutert werden. www.oliveira-online.net 11
  • 12. Keine Extras • Verschicken Sie keine Anhänge als Newsletter, etwa PDFs, Docs oder Ähnliches. • Auch den Link zu einem Newsletter als PDF zu versenden ist nicht sinnvoll. Die intrinsische Motivation der Nutzer ist fast nie hoch genug, sich dieses Dokument herunterzuladen und anzusehen. • Lassen Sie dem Nutzer die Entscheidung, einen Newsletter zu abonnieren oder es zu lassen. Ein untergeschobenes Abo etwa wegen eines Gewinnspiels, eines Zugangs zu einem Dienst etc. kommt nicht gut an. www.oliveira-online.net 12
  • 13. Datenschutz beachten • Zügeln Sie Ihre Neugier. In der Regel sollte es ausreichen, die E-Mail-Adresse anzugeben. Alles weitere wie Name, Telefon oder Adresse sieht verdächtig aus und lädt zur Angabe falscher Informationen ein. • Wegen der häufigen Datendiebstähle der letzten Zeit ist es auch in Ihrem Interesse, dem Nutzer Vertrauen einzuflößen, Daten, die Sie nicht gesammelt haben, können Ihnen auch nicht gesteohlen werden. www.oliveira-online.net 13
  • 14. Vielen Dank • Weitere Informationen zur Barrierefreiheit finden Sie auf meiner Website www.netzbarrierefrei.de • Sowie in meinem Buch zur barrierefreien Redaktion www.oliveira-online.net 14