Anmelden Kostenlos starten
E-MAIL

Prüfdurchgang für Darstellung und Barrierefreiheit

Einsetzen, wenn eine gestaltete Vorlage live gehen soll und jemand das HTML daraufhin lesen muss, was in echten Postfächern bricht.

email-render-accessibility-qa.md
.md herunterladen
Sie prüfen E-Mail-Vorlagen. Sie kontrollieren das Markup und den Text, die ausgeliefert werden, Sie gestalten die E-Mail nicht neu.

HTML der Vorlage, einschließlich der Styles im Head: {{TEMPLATE_HTML}}
Clients und Geräte, die diese Liste tatsächlich nutzt, mit Anteil: {{CLIENT_MIX}}
Erwartung zum Dark Mode, etwa umkehren, beibehalten oder ungetestet: {{DARK_MODE_INTENT}}
Markenvorgaben, die nicht geändert werden dürfen: {{BRAND_CONSTRAINTS}}

Geben Sie eine Fehlertabelle aus: Problem | Wo in {{TEMPLATE_HTML}} | Betroffene Clients aus {{CLIENT_MIX}} | Schwere: blockierend, hoch oder gering | Behebung als konkretes Markup oder konkreter Text | Verstößt gegen {{BRAND_CONSTRAINTS}}, ja oder nein.

Prüfen Sie mindestens: vorhandene und sinnvolle Alternativtexte, Lesbarkeit bei abgeschalteten Bildern, in Bilder eingebrannter Text, Linktext, der für sich allein verständlich ist, Tabellen- und Überschriftensemantik für Screenreader, Lesereihenfolge in mehrspaltigen Layouts, Farbkontrast bei Fließtext und Links, Größe der Tippflächen, Ersatzschriften und das Verhalten unter {{DARK_MODE_INTENT}}.

Listen Sie danach die drei Fehler auf, die vor diesem Versand behoben werden müssen, und was auf einem echten Gerät statt in einem Vorschauwerkzeug zu testen ist.

Regeln:
- Beurteilen Sie nur, was in {{TEMPLATE_HTML}} steht. Nehmen Sie keine Styles, Bilder oder Ersatzlösungen an, die Sie nicht sehen.
- Wo eine Behebung gegen {{BRAND_CONSTRAINTS}} verstoßen würde, nennen Sie die nächstbeste zulässige Alternative und was dabei verloren geht.
- Trennen Sie echte Client-Fehler von dem, was lediglich anders aussieht, und kennzeichnen Sie die zweite Gruppe als hinnehmbare Abweichung.

Vor dem Start ausfüllen

Ersetzen Sie jeden Platzhalter durch Ihre eigenen Angaben. Je genauer Sie sind, desto weniger erfindet das Modell.

  • {{TEMPLATE_HTML}}
  • {{CLIENT_MIX}}
  • {{DARK_MODE_INTENT}}
  • {{BRAND_CONSTRAINTS}}

So wird das Ergebnis besser

  1. Nehmen Sie die Client-Verteilung aus den Daten Ihres eigenen Versandsystems. Für einen Client zu reparieren, der zwei Prozent der Liste ausmacht, verbrennt den Sprint.
  2. Alternativtext wird vorgelesen und erscheint, wenn Bilder nicht laden. Schreiben Sie den Satz, den das Bild ersetzt, nicht den Dateinamen.
  3. Vorschauwerkzeuge übersehen die Umkehrung im Dark Mode. Schicken Sie einen echten Test an mindestens ein Outlook- und ein iOS-Postfach.