Bedeutet ein erfolgreiches automatisches Audit, dass die Website barrierefrei ist?
Wählen Sie einen vollständigen Ablauf, zum Beispiel die Buchung einer Dienstleistung. Prüfen Sie den erfolgreichen Ablauf, einen Formularfehler und die Rückkehr aus einem Dialog. Ein einzelnes korrektes Attribut beweist nicht, dass sich die Aufgabe abschließen lässt.
Beginnen Sie mit drei Aufgaben von Besuchern: Finden Sie die Dienstleistung über die Überschriften, erkennen Sie das Foto anhand seines Alternativtexts und öffnen Sie den Kontakt mit der Tastatur. Prüfen Sie bei einem JavaScript-gesteuerten Menü, wohin der Fokus beim Öffnen und Schließen wechselt.
Schritt für Schritt vorgehen
- Gehen Sie einen wichtigen Ablauf ausschließlich mit der Tastatur durch und achten Sie auf den sichtbaren Fokus.
- Stellen Sie sicher, dass Schaltflächen-, Link- und Feldnamen verständlich sind.
- Lösen Sie einen Validierungsfehler aus und überprüfen Sie die Zuordnung zum Feld.
- Testen Sie Textvergrößerung, Reflow und Lesbarkeit des Inhalts.
- Ergänzen Sie die Prüfung durch assistive Technologien und eine manuelle Bewertung.
Praktisches Beispiel
<label for="email">E-Mail zum Senden einer Antwort</label>
<input id="email" name="email" type="email" autocomplete="email" />Häufiger Irrtum
Ein Platzhalter ersetzt keine dauerhaft sichtbare Feldbeschriftung. Auch ARIA ist keine automatische Reparatur. Eine falsche Bezeichnung oder Rolle kann die Bedeutung zusätzlich verschleiern. Ein grüner Scan ist keine Zertifizierung.
Sehen Sie sich den Report für unsere Website an.
Sehen Sie sich ein Beispiel des Reports an und geben Sie anschließend Ihre eigene URL ein. Sie erhalten Befunde, HTML-Belege und einen Maßnahmenplan für Ihre Seite.
Eigenes Audit startenfukamo.com/sk
59/100Ihre Website braucht Korrekturen.
- Bestanden 241
- Zu überprüfen 17
- Fehlgeschlagen 7
- Nicht verfügbar 8
- Kritisch 0
- Hohe Priorität 5
- Normale Priorität 2
- Zu überprüfen 17
- 01Strukturierte DatenHohe Priorität×2
- 02SicherheitHohe Priorität
- 03LeistungssignaleHohe Priorität
- 04LeistungHohe Priorität
- Erkenntnisse7 zu beheben241 Prüfungen erfolgreich
- Maßnahmenplan24 Aufgaben7 Reparaturen · 17 Überprüfungen
- Seitendaten3.243 Wörter10 Bilder ohne alt-Text
- Leistung und Barrierefreiheit66 / 100Mobil · Lighthouse
- Links und Server282 Links23 externe Links
So testen Sie eine Website ausschließlich mit der Tastatur
Beginnen Sie auf einer Einstiegsseite und senden Sie das Formular ohne Maus ab. Eine Liste korrekter Attribute zeigt weder eine unerreichbare Schaltfläche noch einen Fokus, der hinter einem Banner verborgen ist.
- Verwenden Sie Tab und Umschalt+Tab und achten Sie auf den sichtbaren Fokus.
- Aktivieren Sie Links und Schaltflächen mit den üblichen Tasten.
- Prüfen Sie auch Menü und Einwilligungsbanner, da sie den restlichen Seiteninhalt blockieren können.
So prüfen Sie Feldbeschriftungen und Formularfehler
Die Feldbeschriftung muss auch nach einer Eingabe verfügbar bleiben. Eine Fehlermeldung muss das Problem erklären und bei der Korrektur helfen; ein roter Rahmen allein genügt nicht.
- Geben Sie jedem Feld einen verständlichen Namen, möglichst über ein sichtbares label.
- Verknüpfen Sie die Fehlermeldung mit dem jeweiligen Feld.
- Erhalten Sie nach dem Zurückweisen des Formulars bereits korrekt eingegebene Angaben.
Ursprung W3C WAI – Formularvalidierung ↗
So prüfen Sie den Fokus in einem modalen Dialog
Ein Modal verändert den Bedienkontext. Nutzer müssen seinen Zweck erkennen, die Bedienelemente erreichen und nach dem Schließen an einer sinnvollen Stelle fortfahren können.
- Setzen Sie beim Öffnen den Fokus auf ein geeignetes Element im Dialog.
- Halten Sie bei einem modalen Dialog die Tastaturnavigation innerhalb des Dialoginhalts und ermöglichen Sie das Schließen mit Escape.
- Setzen Sie den Fokus nach dem Schließen üblicherweise auf das Element zurück, das den Dialog geöffnet hat.
So prüfen Sie vergrößerten Text und einen vollständigen Ablauf
Ergänzen Sie automatisierte Tests durch vergrößerten Text und den Einsatz assistiver Technologien. Eine korrekte Startseite belegt nicht, dass auch der Bestellablauf oder die Fehlerseite barrierefrei ist.
- Prüfen Sie, ob Text und Bedienelemente ohne Überlagerungen lesbar bleiben.
- Prüfen Sie die Reihenfolge der Überschriften, Bildalternativen und verständliche Links.
- Geben Sie bei einer Konformitätsaussage den Umfang der geprüften Seiten und WCAG-Anforderungen an.
So bestätigen Sie das Ergebnis
Betrachten Sie Fukamos Befunde als erste Liste technischer Hinweise. Die Konformität mit konkreten WCAG-Anforderungen muss umfassender geprüft werden, einschließlich Interaktionen, Kontext und aller relevanten Seiten.
Primärdokumentation www.w3.org ↗
Häufige Fragen
Bedeutet ein erfolgreiches automatisches Audit, dass die Website barrierefrei ist?
Nein. Automatische Regeln erkennen einen Teil der Probleme, prüfen aber weder die vollständige Bedeutung aller Alternativtexte noch die Nutzbarkeit eines gesamten Ablaufs. Durchlaufen Sie ein Formular mit der Tastatur, testen Sie eine ungültige Eingabe und prüfen Sie den sichtbaren Fokus. Die Bedienung eines Modals und die Rückkehr zum ursprünglichen Element erfordern einen echten Interaktionstest.
Wann Sie die Aufgabe schließen können
Eine wichtige Aufgabe lässt sich ohne Maus erledigen, Formularfelder haben verständliche Namen und Fehler werden angekündigt. Bezeichnen Sie das Ergebnis eines Teiltests nicht als Konformitätszertifizierung für die gesamte Website.
Verwandte SEO-Anleitungen
Prüfen Sie eine konkrete Seite.
Fukamo zeigt Befunde, Belege und den nächsten Schritt.
836 Regeln + Messungen zu SEO, AI-Lesbarkeit, Leistung und Barrierefreiheit kostenlos.