Einen manuellen Audit-Workflow erstellen
Kombinieren Sie Prüfungen mit Tastatur, Screenreader und Zoom.
Einen manuellen Audit-Workflow erstellen ist eine kostenlose Web Accessibility Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Web Accessibility Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Warum manuelle Prüfungen allein der Automatisierung überlegen sind
Automatisierte Scanner erkennen vielleicht 30 % der Probleme. Ein manuelles Audit hilft Ihnen, fehlerhafte Nutzungserfahrungen zu finden, die ein Roboter niemals wahrnehmen kann. 🔍
Mit echten Tools prüfen, nicht raten
Ein gründliches manuelles Audit stützt sich auf drei Säulen: die Tastatur, einen Screenreader und den Browser-Zoom. Zusammen zeigen sie, worauf echte Nutzer stoßen.
Mit der Tastatur beginnen
Ziehen Sie die Maus ab und drücken Sie auf der Seite die Tabulatortaste. Jeder Link, jede Schaltfläche und jedes Feld sollte in einer sinnvollen Reihenfolge erreichbar sein.
<!-- Tab should reach this, Enter should fire it -->
<button type="button">Save changes</button>Den Fokusrahmen beobachten
Während Sie die Tabulatortaste drücken, müssen Sie immer sehen, wo Sie sich befinden. Ein fehlender Fokusindikator lässt Tastaturnutzer auf der Seite völlig orientierungslos zurück.
Mit einem Screenreader zuhören
Schalten Sie NVDA, VoiceOver oder TalkBack ein und navigieren Sie nach Überschrift und Landmarke. Entspricht das, was Sie hören, dem, was Sie sehen?
Auf 200 Prozent zoomen
Drücken Sie Strg beziehungsweise Cmd und das Pluszeichen, um einen Zoom von 200 % zu erreichen. WCAG verlangt, dass dabei weder Inhalte noch Funktionen verloren gehen und auf einer normalen Seite kein horizontales Scrollen erforderlich ist.
Farbe und Kontrast prüfen
Prüfen Sie echten Text vor seinem Hintergrund. Fließtext benötigt ein Kontrastverhältnis von mindestens 4,5 zu 1, um WCAG AA zu erfüllen.
Den Barrierefreiheitsbaum untersuchen
Öffnen Sie die DevTools und lesen Sie den Barrierefreiheitsbaum. Er zeigt für jedes Element den Namen, die Rolle und den Zustand, die assistive Technologien tatsächlich erhalten.
Eine wiederholbare Checkliste verwenden
Arbeiten Sie jedes Mal anhand einer festen Checkliste. Eine einheitliche Liste stellt sicher, dass Sie denselben Prüfbereich abdecken und nicht versehentlich eine wichtige Prüfung auslassen.
Schnelltest
Wählen Sie das Trio aus, auf dem ein gründliches manuelles Audit aufbaut.
Die Ergebnisse dokumentieren
Halten Sie jedes Problem sofort mit einem Screenshot oder einer Notiz fest. Eine klare Dokumentation verwandelt ein unübersichtliches Audit in eine behebbare und nachverfolgbare Liste.
Einen Ablauf nach dem anderen prüfen
Begrenzen Sie jeden Durchlauf auf einen einzelnen Benutzer-Ablauf, etwa die Registrierung oder den Checkout. Kleine, fokussierte Durchläufe finden mehr als ein gleichzeitiges Überfliegen der gesamten Website.
Rückblick: Ihr Audit-Workflow
Sie führen nun ein manuelles Audit mit Tastatur, Screenreader und Zoom durch, lesen den a11y-Baum und protokollieren die Ergebnisse Ablauf für Ablauf. 🎯
Lerne HTML mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 30
- Lektionen
- 120
Häufig gestellte Fragen
Ist die Lektion „Einen manuellen Audit-Workflow erstellen“ kostenlos?
Ja — der vollständige Text von „Einen manuellen Audit-Workflow erstellen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Web Accessibility Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Einen manuellen Audit-Workflow erstellen“?
Kombinieren Sie Prüfungen mit Tastatur, Screenreader und Zoom. Du übst Web Accessibility Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Web Accessibility Academy zu starten?
Keine Vorkenntnisse erforderlich. Web Accessibility Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.
Wie lange dauert die Lektion „Einen manuellen Audit-Workflow erstellen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Web Accessibility Academy-Lektion Code schreiben und ausführen?
Ja. Jede Web Accessibility Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Einen manuellen Audit-Workflow erstellen
- Schweregrad und Auswirkungs-Triage
- Bugberichte schreiben, mit denen Entwickler handeln können
- Behebung ohne Regressionen