Die kurze Antwort
Beginnen Sie die Prüfung der Barrierefreiheit bei der entscheidenden Aufgabe: Kann eine Person das Angebot verstehen, das Formular erreichen, Fehler korrigieren und eine Bestätigung erhalten, wenn sie die Website auf unterschiedliche Weise bedient? Kombinieren Sie einen Tastaturtest mit der Prüfung von Inhalten und Formularen, Zoom und Umbruch, automatisierten Diagnosen und einer verbindlichen Nachkontrolle. Dies ist eine praktische Ersteinschätzung, keine Garantie für WCAG-Konformität und keine Rechtsberatung.
- Testen Sie eine vollständige Kundenaufgabe statt einzelner Seiten.
- Ein sichtbarer, unverdeckter Fokus und korrigierbare Formularfehler sind geschäftlich entscheidend.
- Automatisierte Scans finden gewisse Probleme, können aber keine vollständige Konformität belegen.
- Halten Sie für jeden Befund Auswirkung, Zuständigkeit, Nachweis und Status der Nachprüfung fest.
Auf dieser Seite
Definieren Sie den Ablauf, bevor Sie einzelne Komponenten prüfen
Barrierefreiheit lässt sich leichter konkret verbessern, wenn die Prüfung einem echten Kundenziel folgt. Wählen Sie einen wichtigen Ablauf: eine Leistung verstehen, die Navigation öffnen, ein Offertformular erreichen, einen Fehler korrigieren und das Formular absenden. Beziehen Sie Einwilligungsdialoge und andere Überlagerungen ein, da sie den Weg unterbrechen können.
Das W3C bezeichnet seine Easy Checks ausdrücklich nur als erste Prüfung. Eine Seite kann dabei scheinbar bestehen und dennoch erhebliche Barrieren enthalten. Nutzen Sie diese Checkliste, um Prioritäten aufzudecken und Abnahmenachweise zu schaffen, nicht um eine Website zu zertifizieren oder rechtlich zu beurteilen.
Notieren Sie vor dem Test Ausgangspunkt, erfolgreiches Ende und mögliche Hindernisse. Eine fiktive Schweizer Beratung könnte Erfolg so definieren: Beratungsleistungen auswählen, Leistungsumfang lesen, einen Rückruf anfordern und eine verständliche Bestätigung erhalten.
- Wählen Sie eine geschäftlich wichtige Aufgabe und eine reine Informationsaufgabe.
- Beziehen Sie Navigation, Überlagerungen, Formulare, Fehler und Bestätigung ein.
- Testen Sie repräsentative Vorlagen auf Mobilgeräten und Desktop-Computern.
- Trennen Sie beobachtete Barrieren von Vermutungen.
| Schritt im Ablauf | Bedürfnis der Kundschaft | Fortschritt blockierender Fehler | Nachweis |
|---|---|---|---|
| Leistung verstehen | Klare Überschrift und verständliche Erklärung | Unklare Struktur oder fehlender Inhalt | Seitenprüfung |
| Anfrage erreichen | Vorhersehbare Navigation und eindeutiges Linkziel | Menü nicht per Tastatur erreichbar | Aufzeichnung des Tastaturtests |
| Angaben absenden | Beschriftungen, Hinweise und korrigierbare Fehler | Unbeschriftetes Feld oder verlorene Eingabe | Formulartest |
| Ergebnis bestätigen | Klarer Status und nächster Schritt | Unbemerkter Fehler oder zurückgelassener Fokus | Bestätigung und Fokusprüfung |
Führen Sie einen 15-minütigen Tastaturtest durch
Legen Sie die Maus beiseite. Navigieren Sie mit Tab und Umschalt+Tab, bedienen Sie Elemente mit Enter oder Leertaste und verwenden Sie Escape, wenn sich ein Dialog oder Menü schliessen sollte. Prüfen Sie bei jedem Schritt, wo der Fokus liegt, ob seine Reihenfolge sinnvoll ist und ob das fokussierte Element sichtbar bleibt.
Eine Tastaturfalle ist eine gravierende Barriere: Der Fokus gelangt in eine Komponente, kann sie mit den erwarteten Tasten aber nicht mehr verlassen. Achten Sie auch auf vollständig übersprungene Bedienelemente, doppelte Fokusstopps, Sprünge in verborgene Inhalte und individuelle Widgets, die sich anders als ihre nativen Entsprechungen verhalten.
Wiederholen Sie den Ablauf nach dem Öffnen der Navigation, bei Validierungsfehlern und mit geöffneten Einwilligungsoptionen. Dynamische Zustände verhalten sich häufig anders als die ursprüngliche Seite.
- Beginnen Sie in der Adressleiste des Browsers und navigieren Sie bis zum Hauptinhalt.
- Öffnen und schliessen Sie jedes Bedienelement im geprüften Ablauf.
- Füllen Sie das Formular aus und lösen Sie bewusst Fehler aus.
- Prüfen Sie, ob der Fokus nach dem Absenden zu einer hilfreichen Rückmeldung wechselt.
| Schritt | Fokus sichtbar | Reihenfolge logisch | Bedienung möglich | Ergebnis |
|---|---|---|---|---|
| Einwilligung schliessen | Ja oder nein | Erste relevante Aktion | Enter und Escape | Bestanden, korrigieren oder untersuchen |
| Navigation öffnen | Ja oder nein | Auslöser, dann Menü | Enter, gegebenenfalls Pfeiltasten, Escape | Bestanden, korrigieren oder untersuchen |
| E-Mail-Fehler korrigieren | Ja oder nein | Fehler, dann Feld | Tab und Texteingabe | Bestanden, korrigieren oder untersuchen |
| Anfrage absenden | Ja oder nein | Schaltfläche, dann Status | Enter | Bestanden, korrigieren oder untersuchen |
Prüfen Sie den Fokus bei fixierten und überlagerten Inhalten
WCAG 2.2 enthält ein Erfolgskriterium der Stufe AA, nach dem eine Komponente mit Tastaturfokus nicht vollständig durch vom Anbieter erstellte Inhalte verdeckt werden darf. Fixierte Kopfzeilen, Cookie-Banner, Chat-Schaltflächen und Aktionsleisten am unteren Rand sind häufige Ursachen.
Navigieren Sie per Tastatur durch die Seite und prüfen Sie den Fokus neben jedem fixierten Element. Testen Sie schmale Ansichten und stärkeren Zoom, bei denen selbst ein mässig grosses Banner einen erheblichen Teil des sichtbaren Bereichs belegen kann. Nach dem Schliessen einer Überlagerung sollte der Fokus zum auslösenden Element zurückkehren, sofern für die Interaktion kein besser begründetes Ziel festgelegt ist.
Lösen Sie eine Verdeckung nicht, indem Sie den sichtbaren Fokus entfernen. Passen Sie Abstände, Layout, Ebenen und Scrollverhalten so an, dass Nutzende das Element erkennen und bedienen können.
- Testen Sie fixierte Kopfzeilen und untere Leisten bei mehreren Ansichtsgrössen.
- Öffnen Sie übereinanderliegende Elemente in realistischen Kombinationen.
- Prüfen Sie, ob der Fokus im geöffneten Dialog bleibt und nach dem Schliessen zurückgesetzt wird.
- Kontrollieren Sie, dass Sprungziele nicht unter Kopfzeilen verborgen sind.
Prüfen Sie Überschriften, Links und Bildalternativen
Ein aussagekräftiger Seitentitel und eine schlüssige Überschriftenhierarchie helfen Menschen, Standort und Struktur zu verstehen. Prüfen Sie die Gliederung unabhängig von der sichtbaren Schriftgrösse. Überschriften sollten den folgenden Inhalt beschreiben; gewöhnliche Hervorhebungen bleiben normaler Text.
Linktexte sollten im Zusammenhang verständlich sein. Wiederholte Links mit der Bezeichnung Mehr erfahren erzeugen vermeidbare Unklarheit, wenn sie zu unterschiedlichen Leistungen führen. Benennen Sie Ziel oder Handlung. Bilder brauchen Alternativtexte, die ihren Zweck vermitteln; rein dekorative Bilder sollten keine zusätzlichen Informationen erzeugen.
Kontrast- und Farbprüfungen müssen reale Zustände umfassen, darunter Mauszeigerkontakt, Fokus, deaktivierte Bedienelemente, Fehler und Text über Bildern. Vermitteln Sie einen Status nie allein über Farbe.
- Prüfen Sie einen eindeutigen Seitentitel und eine beschreibende Hauptüberschrift.
- Lesen Sie Linktexte ohne den umgebenden Fliesstext.
- Richten Sie Alternativtexte am Zweck des Bildes aus.
- Prüfen Sie Normal-, Hover-, Fokus-, Fehler- und Deaktiviert-Zustände.
Testen Sie Formulare, Fehler und Korrekturmöglichkeiten
Ein Formular sollte jedes Feld bezeichnen, ungewöhnliche Formate erklären und brauchbare Eingaben bewahren, wenn etwas schiefgeht. Platzhalter sind kein dauerhafter Ersatz für Beschriftungen. Pflichtfelder und Fehlermeldungen müssen auch ohne Farbe oder räumliche Position verständlich bleiben.
Senden Sie leere, falsch formatierte und realistische Werte ab. Prüfen Sie, ob der Fehler das Problem und seine Behebung erklärt, und beobachten Sie anschliessend den Tastatur- und Screenreader-Fokus. Simulieren Sie neben Validierungsfehlern auch einen Netzwerk- oder Zustellfehler. Ein sorgfältig formulierter Text darf dabei nicht verloren gehen.
Auch die Erfolgsbestätigung verdient Sorgfalt. Teilen Sie mit, was angenommen wurde und was als Nächstes geschieht, ohne eine garantierte Zustellung im Posteingang oder eine nicht zugesicherte Antwortzeit zu versprechen.
- Verknüpfen Sie sichtbare Beschriftungen technisch mit ihren Eingabefeldern.
- Lassen Sie Anweisungen während der Eingabe sichtbar.
- Beschreiben Sie Fehler konkret und behalten Sie gültige Werte bei.
- Testen Sie Fehler und Erfolg über den produktiven Zustellweg.
| Test | Erwartetes Verhalten | Veröffentlichung blockieren, wenn |
|---|---|---|
| Pflichtangabe fehlt | Feld wird zusammen mit einer Korrekturanleitung genannt | Nutzende den Fehler nicht finden oder verstehen können |
| Ungültige E-Mail-Adresse | Formatproblem wird erklärt, ohne andere Felder zu leeren | Formular in einer Schleife endet oder Inhalte verwirft |
| Zustellfehler | Ehrliche Meldung und erhaltene Eingabe | Oberfläche fälschlich Erfolg meldet |
| Anfrage angenommen | Status erhält Fokus und nächster Schritt ist klar | Bestätigung fehlt oder Status nicht zugänglich ist |
Zoom, Umbruch und visuelle Zustände müssen von Menschen geprüft werden
Erhöhen Sie den Browserzoom und testen Sie schmale Fenster. Inhalte sollten lesbar und bedienbar bleiben, ohne dass Text kollidiert, Bedienelemente verschwinden oder für gewöhnlichen Fliesstext horizontal gescrollt werden muss. Datentabellen benötigen gegebenenfalls einen beschrifteten, per Tastatur bedienbaren Scrollbereich.
Deaktivieren Sie die Skalierung durch Nutzende nicht. Testen Sie lange übersetzte Beschriftungen, umfangreiche Fehlermeldungen und die Texteinstellungen des Browsers, denn echte Inhalte können Layouts beschädigen, die mit kurzen Entwurfstexten stabil wirkten.
Prüfen Sie Ausrichtung und Verhalten der virtuellen Tastatur auf einem realen Mobilgerät. Ein fokussiertes Feld muss sichtbar bleiben, und die Schaltfläche zum Absenden darf nicht verdeckt sein.
- Testen Sie vergrösserten Text und den Umbruch in schmalen Ansichten.
- Suchen Sie nach abgeschnittenen, überlappenden oder verborgenen Elementen.
- Prüfen Sie Tabellen und andere bewusst zweidimensionale Inhalte separat.
- Wiederholen Sie die Prüfung mit realistischen übersetzten Texten.
Nutzen Sie automatisierte Tests als Beleg, nicht als Urteil
Automatisierte Werkzeuge eignen sich für die wiederholbare Erkennung von Problemen wie fehlenden Beschriftungen, ungültigen Attributen und gewissen Kontrastfehlern. Sie können nicht beurteilen, ob ein Alternativtext sinnvoll ist, Überschriften hilfreich sind, die Fokusreihenfolge der Aufgabe folgt oder eine Fehlermeldung verständlich ist.
Führen Sie automatisierte Tests auf repräsentativen Vorlagen und in unterschiedlichen Interaktionszuständen aus. Ergänzen Sie die Ergebnisse mit Tastatur-, Zoom-, Inhalts- und Assistenztechnologieprüfungen. Beziehen Sie, wo angemessen, Menschen mit Behinderungen in Recherche und Tests ein.
Ein hoher automatisierter Wert beweist keine Konformität. Dokumentieren Sie Werkzeug, Version, URL, Zustand und Datum, damit sich ein Befund später reproduzieren lässt.
- Scannen Sie repräsentative Vorlagen und nicht nur die Homepage.
- Öffnen Sie Menüs, Dialoge und Fehlerzustände, bevor Sie diese Zustände scannen.
- Fassen Sie doppelte Befunde derselben Komponente zusammen.
- Testen Sie nach einer Korrektur nochmals manuell.
Machen Sie aus Befunden verbindliche Abnahmekriterien
Eine Problemliste wird brauchbar, wenn sie betroffene Nutzergruppen, die blockierte Aufgabe, die für die Komponente verantwortliche Person und den erforderlichen Abschlussnachweis nennt. Priorisieren Sie Barrieren, die Navigation, Verständnis, Eingabe oder Bestätigung verhindern, vor rein kosmetischen Mängeln.
Formulieren Sie Abnahmekriterien als beobachtbares Verhalten. Zum Beispiel: Bei 200 Prozent Zoom lässt sich der Kontaktprozess ohne überlappende Inhalte abschliessen. Oder: Nach einer ungültigen Eingabe wechselt der Fokus zur Fehlerübersicht, und jeder Fehler verweist auf sein Feld. Vermeiden Sie unbestimmte Anforderungen wie Website barrierefrei machen.
Testen Sie den ursprünglichen Ablauf und die zugehörigen Komponenten erneut. Änderungen an einer gemeinsamen Navigation oder einem Formular können mehrere Seiten korrigieren, aber andernorts auch neue Fehler verursachen.
- Halten Sie Schweregrad, Auswirkung auf die Aufgabe, Komponente und Zuständigkeit fest.
- Fügen Sie Schritte zur Reproduktion und das erwartete Verhalten hinzu.
- Verlangen Sie vor dem Abschluss einen Nachweis der erneuten Prüfung.
- Lassen Sie ungelöste Blocker bei der Freigabe zur Veröffentlichung sichtbar.
IHRE FRAGEN, BEANTWORTET
Häufig gestellte Fragen
Belegt das Bestehen dieser Checkliste die WCAG-Konformität?
Nein. Es handelt sich um eine gezielte Erstprüfung. Laut W3C können Seiten bei einfachen Prüfungen unauffällig wirken und dennoch erhebliche Barrieren aufweisen. Eine umfassende Beurteilung erfordert weitergehende Tests.
Kann ein automatisierter Barrierefreiheitswert manuelle Tests ersetzen?
Nein. Automatisierung findet gewisse technische Muster, kann Bedeutung, Aufgabenablauf, Fokusreihenfolge oder verständliche Fehlerbehebung aber nicht zuverlässig beurteilen.
Welchen Ablauf sollte ein Unternehmen zuerst testen?
Beginnen Sie mit der Aufgabe, die für Kundschaft und Umsatz am wichtigsten ist, etwa eine Leistung zu finden und eine Anfrage abzuschliessen. Beziehen Sie Fehler und Bestätigung ein.
Ist WCAG 2.2 AA für jedes Schweizer Unternehmen verbindlich?
Dieser Leitfaden trifft keine rechtliche Beurteilung. WCAG ist ein technischer Standard. Holen Sie für das konkrete Unternehmen, die Dienstleistung und die betroffenen Rechtsräume fachkundige Beratung ein.
Kann ein Accessibility-Overlay die Website konform machen?
Kein Werkzeug oder Overlay kann allein eine vollständige Konformität herstellen. Beheben Sie Barrieren in Inhalt, Design und Code und testen Sie anschliessend den tatsächlichen Ablauf.
GENAUER NACHLESEN
