E-Mail Programme

Quelle: litmusapp.com Februar 2010

E-Mail Rendering

• Internet Explorer (Outlook <= 2003, Lotus Notes)
• Firefox (Thunderbird)
• Safari (Apple Mail, iPhone)
• Microsoft Word (Outlook 2007-2010)

Quelle: http://litmus.com/resources/desktop-email-clients

Outlook 2007/ 2010

fehlende/ eingeschränkte CSS Unterstützung

• background-image
• background-position
• float/clear
• margin
• padding
• width/height

Quelle: www.email-standards.org

HTML-Newsletter

• Layouttabellen
• fehlende Semantik
• Grafiken als Abstandshalter
• Inline CSS Styles
• invalides HTML

MIME bzw. Multipart E-Mail

• Text und HTML Version in einer E-Mail
• E-Mail Programm/ Benutzer entscheidet welche Version angezeigt wird
• Meisten Newsletter so versendet
• Verantwortlichen oft gar nicht bekannt

Quelle: http://en.wikipedia.org/wiki/MIME

Automatisierte Text-Variante

• Text aus HTML Version erstellt
• Programm selbes Problem wie Screenreader
• fehlende Struktur
• unverständlich

Beispiel: Cineplexx

Sie können diese Mail nicht einwandfrei lesen? Geben Sie bitte diese URL in Ihren Browser ein: http://www.cineplexx.at/newsletter/aktuell/abomail_5.htm

selber Tabellen HTML Newsletter noch einmal!

Beispiel: Nabaztag

Nabaztag HTML Variante (Bild falls offline)

Nabaztag Text Variante

Text-Variante zum Selber Testen

• Outlook 2007
  Extras > Vertrauensstellungscenter (?) > E-Mail-Sicherheit > Als Nur-Text lesen
• Outlook 2003
  Extras > Optionen > Einstellungen > E-Mail-Optionen > Standardnachrichten im Nur-Text-Format lesen
• Outlook Express
  Extras > Optionen > Lesen > Alle Nachrichten als Nur-Text lesen
• Mozilla Thunderbird 3.1
  Ansicht > Nachrichteninhalt > Reiner Text
• Apple Mail nur über Befehlszeile
• iPhone? / Android?

Quelle: http://uits.iu.edu/page/aqqd

Alternativen zu multipart

• Formatauswahl bei Newsletter Anmeldung
• nur Text-Newsletter anbieten

Auf jeden Fall Text-Variante extra erstellen!

TEN-Standard

• Zeichen/ Encoding
• Titel
• Inhaltsverzeichnis
• Abschnitte
• Überschriften
• Nummerierung
• Punktion
• Links

Beispiele

• TEN-Standard
• Accessible Media Stammtisch E-Mail Ankündigung
• Web Design Update Newsletter

Text-Newsletter

• hinterfragen
• strukturieren
• vertrauen

Sindre Wimberger

Web: sindre.at
E-Mail: mail@sindre.at
Twitter: @sindrewimberger

Vortrag: www.sindre.at/praesentation/barrierefreie-newsletter/
Lizenz: Creative Commons Attribution 2.5 Generic License (CC BY 2.5)

Fotos: http://www.flickr.com/photos/sindre-wimberger/
Lizenz: Creative Commons Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0)

Besonderen Dank an: Eva Papst, Daniele Marano und Mag. Klaus Höckner