Automatischer Test oder Audit: Was Ihr Shop wirklich braucht

Ein automatischer Test lädt Ihre Seiten wie ein Browser und prüft den Code gegen feste Regeln aus den WCAG. Er findet zuverlässig, was sich messen oder eindeutig erkennen lässt, zum Beispiel:

• Bilder ohne Alternativtext
• Text mit zu wenig Kontrast
• Formularfelder ohne Beschriftung
• Links und Buttons ohne erkennbaren Namen
• eine fehlende Sprachangabe der Seite
• Überschriften, die Ebenen überspringen

Der Vorteil: Er ist schnell, günstig und lässt sich jederzeit wiederholen. Nach jeder Änderung am Theme sehen Sie, ob etwas behoben wurde oder neu dazugekommen ist.

Viele WCAG-Kriterien verlangen ein Urteil, das nur ein Mensch fällen kann. Ein Test sieht, dass ein Alt-Text da ist – nicht, ob er das Bild richtig beschreibt. Er sieht einen Button – nicht, ob man den Bestellvorgang per Tastatur bis zum Ende schafft. Diese Punkte braucht es zusätzlich:

• Bedienung nur mit der Tastatur, vom Produkt bis zur Bestellbestätigung
• verständliche Ausgabe im Screenreader
• ob Texte, Alt-Texte und Fehlermeldungen inhaltlich passen
• Untertitel und Beschreibungen für Videos
• ob Inhalte in einer sinnvollen Reihenfolge vorgelesen werden

Bei einem Audit prüfen Fachleute Ihren Shop von Hand – meist anhand einer Auswahl typischer Seiten wie Startseite, Kategorie, Produkt, Warenkorb und Kasse. Sie arbeiten mit Tastatur, Screenreader und Vergrößerung und gehen die WCAG-Kriterien einzeln durch. Das W3C beschreibt dafür ein eigenes Vorgehen, die Methode WCAG-EM (englisch).

Am Ende steht ein Bericht, der jedes Kriterium bewertet. Das ist gründlich, kostet aber deutlich mehr Zeit und Geld als ein automatischer Test – und gilt für den Stand am Prüftag.

1. 1

   Schritt 1: Automatisch testen

   Verschaffen Sie sich einen Überblick und beheben Sie die technischen Probleme zuerst. Vieles davon, etwa Alt-Texte und Farben, geht ohne Entwickler.

2. 2

   Schritt 2: Selbst ausprobieren

   Bedienen Sie Ihren Shop einmal nur mit der Tastatur: Tab, Umschalt + Tab, Enter und Leertaste. Kommen Sie bis zur Bestellung? Sehen Sie immer, wo Sie gerade sind?

3. 3

   Schritt 3: Nachprüfen

   Testen Sie nach dem Beheben erneut, ob die Probleme wirklich weg sind.

4. 4

   Schritt 4: Gezielt Fachleute fragen

   Sind die offensichtlichen Barrieren behoben, bringt ein Audit am meisten: Dann zahlen Sie für das, was nur Menschen finden – nicht für fehlende Alt-Texte.

BarriereCheck ist ein automatischer Test. Was er nicht prüfen kann, listet Ihr Report unter „Bitte manuell prüfen“ auf – so wissen Sie, wo ein Mensch hinschauen sollte. So funktioniert BarriereCheck.