Was Sie erreichen und dafür brauchen

Eine konkrete Revision anhand vorher vereinbarter Wege und Bedingungen prüfen.

Halten Sie bereit: Seitenumfang, Testrevision, Geräte-/Browserbedingungen und passende Besucheraufgaben.

So gehen Sie vor

Schritt 1: Wichtige Wege, leere/fehlerhafte Zustände und erwartete Ergebnisse notieren.

Schritt 2: Schmale Ansichten, Tastatur, Textvergrößerung, Abstände, reduzierte Bewegung und No-JS prüfen.

Schritt 3: Automatische Befunde, eigenen visuellen Review und menschliche/native Prüfung getrennt dokumentieren.

Durchgespieltes Arbeitsbeispiel

Ein Beispiel zur Orientierung

Eine Aufgabe vollständig prüfen: Leistung finden und Kontakt vorbereiten.

Beispielaufgabe: „Finden Sie heraus, ob eine Überarbeitung Ihrer bestehenden Website angeboten wird und wie Sie das Vorhaben besprechen können.“

Ausgefülltes Muster · fiktive Angaben

Muster eines ausgefüllten Befundzettels.

Aufgabe
Website-Überarbeitung finden und Gespräch vorbereiten
Testfall
Schmale Ansicht, anschließend Bedienung mit Tab und Enter
Fiktiver Befund
Kontaktlink ist bei großer Schrift teilweise verdeckt
Priorität
Hoch: der nächste Schritt ist nicht sicher erreichbar
Korrektur
Abstand und Umbruch an der tatsächlichen Layoutursache ändern
Erneute Prüfung
Dieselbe Aufgabe unter denselben Bedingungen wiederholen; Ergebnis erst dann eintragen
So entsteht das Ergebnis – Schritt für Schritt

  1. Stand · die getestete Fassung festhalten

    Adresse, Datum, Browser und Seitenstand notieren. Nur Ergebnisse derselben Fassung zusammen bewerten.

  2. Mobil · den Weg nachvollziehen

    Bei 320 und 375 CSS-Pixeln Navigation, Leistungsumfang und Kontaktweg öffnen. Textvergrößerung zusätzlich testen; ein schmaler Screenshot allein genügt nicht.

  3. Tastatur · ohne Maus arbeiten

    Mit Tab und Umschalt+Tab durch die Bedienelemente gehen. Fokus muss sichtbar bleiben. Ein geöffnetes Menü mit Escape schließen und den Rückkehrfokus prüfen.

  4. Abschluss · Fehler und Grenzen dokumentieren

    Notieren, welche Aufgabe gelang und was störte. Eine automatisierte Prüfung nicht als gesprochene Screenreader- oder reale Geräteprobe ausgeben.

Woran Sie das Ergebnis prüfen

Die Aufgabe ist ohne verdeckte Inhalte oder unbedienbare Elemente möglich. Befunde nennen konkrete Seite, Eingabe, beobachteten Fehler und erneuten Test nach einer Korrektur.

Wenn etwas schiefgeht: Korrektur und Grenze

Ist der Kontaktbutton bei vergrößertem Text abgeschnitten, zuerst die wirkliche Layoutursache beheben. Anschließend den gesamten Weg mit derselben Testbedingung erneut durchlaufen.

Die Anleitung beschreibt eine Abnahmeaufgabe und verleiht kein Barrierefreiheitszertifikat.

Was leicht schiefgeht und was offenbleibt

Vermeiden Sie: Alle Tests seien grün, weil ein Build und ein Startseiten-Screenshot funktionieren.

Grenze dieser Anleitung: Kein WCAG-Zertifikat oder vollständiger Gerätebeweis; eine echte Produktivprüfung bleibt separat.

Woran Sie einen brauchbaren Stand erkennen

Jeder Fall besitzt Umgebung, Erwartung, Ergebnis und erkennbare Restgrenze.

Halten Sie fest, wer was wann geprüft hat. Unbekannte Punkte bleiben offen, bis sie tatsächlich bestätigt sind.

Arbeitsmittel

Druckbare Arbeitsfolge

  1. AusgangslageSeitenumfang, Testrevision, Geräte-/Browserbedingungen und passende Besucheraufgaben.
  2. Schritt 1Wichtige Wege, leere/fehlerhafte Zustände und erwartete Ergebnisse notieren.
  3. Schritt 2Schmale Ansichten, Tastatur, Textvergrößerung, Abstände, reduzierte Bewegung und No-JS prüfen.
  4. Schritt 3Automatische Befunde, eigenen visuellen Review und menschliche/native Prüfung getrennt dokumentieren.
  5. AbnahmeJeder Fall besitzt Umgebung, Erwartung, Ergebnis und erkennbare Restgrenze.