Newsletter Editor: Barrierefreiheits-Test durchführen

Lesezeit: 2 min
Barrierefreie E-Mails sind der Schlüssel zur Inklusion. Sie gewährleisten, dass jeder Empfänger, unabhängig von seinen Fähigkeiten oder Einschränkungen, Ihre Inhalte problemlos verstehen kann. Ihr Mailing sorgt für eine bessere Nutzererfahrung, stärkt Ihre Marke und kann sogar zu höheren Conversion-Rates führen.

In unserem Artikel Kriterien für Barrierefreiheits-Test für Ihre E-Mails haben wir weitere Informationen zusammengefasst und aufgezeigt wie wichtig Barrierefreiheit-Tests sind.

So funktioniert der Barrierefreiheits-Test in unserem Newsletter Editor:

  1. Öffnen Sie das Mailing, bei welchem Sie den Test durchführen möchten, über den Menüpunkt E-Mails.


  2. Rechts oben unter Vorschau finden Sie den Punkt Barrierefreiheits-Test.

  3. Es öffnet sich ein Pop-up-Fenster über die gesamte Seite. Hier können Sie Ihr vorhandenes Test-Kontingent einsehen, Tests durchführen, weitere Tests kaufen und vorherige Tests abrufen.

  4. Klicken Sie auf Barrierefreiheits-Test starten. Ihr Mailing wird gescannt und Sie erhalten folgende Übersicht: 

    Unter dem Reiter Verbesserungen finden Sie die Kriterien, die Sie anpassen sollten.
    Klicken Sie rechts auf den Pfeil nach unten, um weitere Informationen zu erhalten und um zu sehen, welches HTML-Snippet betroffen ist. In der Tabelle  Erläuterungen der Regel-IDs (Verbesserungsvorschlägen) am Ende dieses Artikels finden Sie weitere Erklärungen.
  5. Klicken Sie oben rechts auf das x, um zurück in den Editor zu gelangen und passen Sie dort die Verbesserungsvorschläge an.
  6. Klicken Sie nach erfolgter Anpassung wieder auf Vorschau > Barrierefreiheits-Test. Sie können auf Vorherigen Test abrufen klicken (siehe Screenshot Schritt 3), um sich die Vorschläge erneut anzuschauen oder auf Barrierefreiheits-Test starten, um den Test für eine Kontrolle erneut durchzuführen.

Erläuterungen der Regel-IDs (Verbesserungsvorschläge nach dem Test)

Auf diese Regeln wird ihr Mailing mit dem Barrierefreiheits-Test geprüft (siehe Screenshot Schritt 4):

Regel-ID Beschreibung Standards
accesskeys Jeder Wert des Attributs accesskey muss einzigartig sein Best practice
area-alt <area>-Elemente von Image-Maps haben einen alternativen Text WCAG 2.0A
aria-allowed-attr ARIA-Attribute für die Rolle eines Elements sind zulässig WCAG 2.0A
aria-allowed-role Das Attribut role hat einen geeigneten Wert für das Element Best practice
aria-hidden-body aria-hidden='true' ist im Dokumentenkörper nicht vorhanden WCAG 2.0A
aria-progressbar-name Jeder ARIA-Progressbar-Knoten hat einen zugänglichen Namen WCAG 2.0A
aria-required-attr Stellt sicher, dass Elemente mit ARIA-Rolle die benötigten ARIA-Attribute habe WCAG 2.0A
aria-required-children Elemente mit einer ARIA-Rolle, die untergeordnete Rollen erfordern, sind in diesen enthalten WCAG 2.0A
aria-required-parent Elemente mit einer ARIA-Rolle, die übergeordnete Rollen erfordern, sind in diesen enthalten WCAG 2.0A
aria-roledescription aria-roledescription wird nur für Elemente mit einer impliziten oder expliziten Rolle verwendet  WCAG 2.0A
aria-roles Alle Elemente mit einem role-Attribut verwenden einen gültigen Wert WCAG 2.0A
aria-toggle-field-name Jedes ARIA-Umschaltfeld hat einen zugänglichen Namen  WCAG 2.0A
aria-tooltip-name Jeder ARIA-Tooltip-Knoten hat einen zugänglichen Namen WCAG 2.0A
aria-valid-attr-value Alle ARIA-Attribute haben gültige Werte WCAG 2.0A
aria-valid-attr Attribute, die mit aria- beginnen, sind gültige ARIA-Attribute WCAG 2.0A
color-contrast Der Kontrast zwischen Vorder- und Hintergrundfarben entspricht den Mindestkontrastwerten der WCAG 2.0 AA WCAG 2.0AA, WCAG 2.0A
content-type "meta content-type" und Zeichensatz sind definiert WCAG 2.0A
definition-list
<dl>-Elemente sind korrekt strukturiert
WCAG 2.0A
dlitem
<dt>- und <dd>-Elemente sind in einem <dl> enthalten
WCAG 2.0A
document-title

Jedes HTML-Dokument ein nicht leeres <title>-Element enthält

WCAG 2.0A

duplicate-id Jeder Wert des Attributs id ist eindeutig  WCAG 2.0A
empty-heading Überschriften haben einen erkennbaren Text  Best practice
heading-order Die Reihenfolge der Überschriften ist semantisch korrekt Best practice
html-has-lang Jedes HTML-Dokument hat ein lang-Attribut WCAG 2.0A
html-lang-valid Das lang-Attribut des <html>-Elements hat einen gültigen Wert WCAG 2.0A
html-xml-lang-mismatch HTML-Elemente mit gültigen lang- und xml:lang-Attributen stimmen mit der Basissprache der Seite überein WCAG 2.0A
image-alt <img>-Elemente haben alternativen Text oder die Rolle "keine" oder "Präsentation" WCAG 2.0A
image-redundant-alt Die Bildalternative wird nicht als Text wiederholt Best practice
justification Der Inhalt ist nicht mittig ausgerichtet WCAG 2.0A
landmark-no-duplicate-main Das Dokument hat höchstens ein Haupt landmark Best practice
landmark-unique landmarks sollten eine eindeutige Kombination aus Rolle oder Rolle/Label/Titel (d. h. zugänglicher Name) haben. Best practice
link-name Links haben einen erkennbaren Text WCAG 2.0A
list Listen sind korrekt aufgebaut WCAG 2.0A
listitem

Sicherstellung der semantischen Verwendung von <li>-Elementen

WCAG 2.0A

meta-viewport-large <meta name="viewport"> kann in erheblichem Umfang skaliert werden Best practice
meta-viewport <meta name="viewport"> deaktiviert nicht die Skalierung und das Zoomen von Text WCAG 2.0AA, WCAG 2.0A
object-alt <Objekt>-Elemente haben alternativen Text WCAG 2.0A
page-has-heading-one Die Seite oder mindestens einer ihrer Rahmen enthält eine Überschrift der Ebene eins Best practice
presentation-role-conflict Kennzeichnet Elemente, deren Rolle "keine" oder "Darstellung" ist und die Rollenkonfliktauflösung auslösen. Best practice
role-img-alt [role='img']-Elemente haben alternativen Text WCAG 2.0A
tabindex Die Werte des Attributs tabindex sind nicht größer als 0 Best practice
table-roles Tabellenrollen sind definiert WCAG 2.0A
svg-img-alt <svg> Elemente mit einer img, graphics-document oder graphics-symbol Rolle haben einen zugänglichen Text WCAG 2.0A
valid-lang lang-Attribute haben gültige Werte WCAG 2.0AA, WCAG 2.0A


Hilfe & Support

Sollten Sie Fragen haben oder Hilfe benötigen, können Sie jederzeit gerne unser Service Team kontaktieren.