Barrierefreiheit als Ausgangspunkt Barrierefreiheit ist für mich kein nachgelagerter Prüfschritt, sondern Ausgangspunkt für den gesamten Auftritt.
Die WCAG 2.2 nutze ich dabei vor allem als gemeinsame Sprache und fachliche Grundlage. Mir ist bewusst, dass sich einzelne Success Criteria in der Praxis nicht isoliert betrachten lassen: Eine Verbesserung an einer Stelle kann an anderer Stelle neue Einschränkungen erzeugen.
Entscheidend ist deshalb nicht das bloße Abhaken einzelner Kriterien, sondern dass die Seite insgesamt wahrnehmbar, bedienbar, verständlich und robust funktioniert.
Ergebnisübersicht
Was die Prüfung aktuell zeigt Automatisiert ohne gefundenen Verstoß 13 Kriterien manuell offen
32 Seiten-, Zustands- und Viewport-Prüffälle
1260 bestandene axe-Regelprüfungen
59 axe-Ergebnisse zur manuellen Einordnung
1 fachlich dokumentierte Kriterien bestanden
Automatisch grün bedeutet: In dieser Prüfschicht wurde kein Verstoß gefunden. Es ist keine vollständige WCAG-Konformitätsaussage.
Drei getrennte Prüfschichten Fachliche Struktur
BIK / WCAG 2.2 Prüfziele und manuelle Bewertungen nach Erfolgskriterien.
13 offen
Automatische Analyse
axe-core Erkennt programmatisch prüfbare Barrieren im gerenderten Zustand.
Ohne Verstoß
Browser und Abläufe
Playwright Prüft Seiten, Dialogzustände, Navigation und Viewports reproduzierbar.
32 Prüffälle ausgeführt
Einordnung Dieser dokumentierte Prüfstand ist weder ein formaler BIK-Prüfbericht noch ein Accessibility Conformance Report auf Basis eines VPAT®. Er unterstützt die fachliche Evaluation und ist für eine spätere Übertragung in formale Berichtsformate strukturiert.
Produkt, Umfang und Ziel Produkt: Webauftritt von Sebastian Jansen
Öffentliche Adressen: https://www.sebastianjansen.com und https://www.deresjot.de .
Prüfgegenstand: der gemeinsame veröffentlichte Stand des Webauftritts.
Identischer öffentlicher Webauftritt auf sebastianjansen.com und deresjot.de einschließlich Direktseiten, Dialogzuständen und primärer Navigation
Standard und Zielstufe: WCAG 2.2, Stufe AA. Bewertungsmethodik: an WCAG-EM 2.0 orientiert.
Geprüfte Seiten, Zustände und Ansichten Jeder Eintrag fasst Desktop- und Mobilansichten sowie den jeweiligen Interaktionszustand zusammen. Details lassen sich gezielt öffnen.
Startseite Automatisch ohne Verstoß 6 manuell offen Prozess: Orientieren und Inhalte aufrufen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
a11y-copilot Automatisch ohne Verstoß 6 manuell offen Prozess: Wissensgrundlage verstehen und verwenden
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
a11y-copilot Tutorial Automatisch ohne Verstoß 6 manuell offen Prozess: Anleitung lesen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Impressum Automatisch ohne Verstoß 6 manuell offen Prozess: Rechtliche Information lesen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Bildnutzung Automatisch ohne Verstoß 6 manuell offen Prozess: Bildnutzung nachlesen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Barrierefreiheitsbericht Automatisch ohne Verstoß 6 manuell offen Prozess: Prüfstand nachvollziehen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Fehlerseite Automatisch ohne Verstoß 6 manuell offen Prozess: Von einem Fehler zurückfinden
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Abschnitt Über mich (Zufallsstichprobe) Automatisch ohne Verstoß 6 manuell offen Prozess: Inhalt über direkten Fragmentlink lesen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Copilot-Nutzung (Zufallsstichprobe) Automatisch ohne Verstoß 6 manuell offen Prozess: Nutzung über direkten Fragmentlink nachvollziehen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Geöffneter Statusdialog Automatisch ohne Verstoß 1 manuell offen Prozess: Status im Dialog lesen und schließen
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Geöffnete Mobilnavigation Automatisch ohne Verstoß 4 manuell offen Prozess: Auf Mobilgeräten navigieren
Legende: V = Verstoß, O = offen (incomplete), B = bestandene automatisierte Regel. Grün bewertet ausschließlich die automatische Prüfschicht; Gelb markiert zusätzlich notwendige manuelle Klärung.
Fachliche Bewertung nach WCAG Die Detailbewertung ist nach den vier WCAG-Prinzipien gegliedert. Offene Kriterien sind keine festgestellten Fehler.
WCAG-Kriterien und Prüfbeschreibungen anzeigen 1. Wahrnehmbar
Manuell offen 1.1.1 Nicht-Text-Inhalt Stufe A
Prüfziel Textalternativen vermitteln Zweck oder Inhalt aller relevanten Nicht-Text-Inhalte.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse Startseite; Tutorial; Orientieren und Inhalte lesen
Vorbereitung Bilder und zugängliche Namen erfassen. Prüfschritte Bilder ohne CSS prüfen Alternativtexte im Kontext bewerten Dekorative Bilder auf leere Alternative prüfen
Erwartet Jeder informative Nicht-Text-Inhalt besitzt eine gleichwertige Alternative.
Tatsächlich Automatische Namensprüfung erfolgt; inhaltliche Gleichwertigkeit offen.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Inhalte können unverständlich oder unzugänglich sein.
Empfehlung und Retest Alternativtexte kontextbezogen prüfen und danach erneut mit Screenreader testen. Retest: offen
Methode / Vertrauen manuell und automatisch · mittel
W3C-Quelle zu 1.1.1
Manuell offen 1.3.1 Info und Beziehungen Stufe A
Prüfziel Visuelle Struktur und Beziehungen sind programmatisch bestimmbar.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle Seiten; Dialog; Navigation
Vorbereitung CSS deaktivieren und Accessibility Tree öffnen. Prüfschritte Landmarks und Überschriften prüfen Listen und Gruppen prüfen Dialogstruktur mit Screenreader prüfen
Erwartet Struktur bleibt ohne visuelle Darstellung verständlich.
Tatsächlich Automatische Strukturchecks ohne bestätigten Verstoß; fachlicher Gegencheck offen.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Navigation und Zusammenhang können verloren gehen.
Empfehlung und Retest Struktur linearisiert und mit Screenreader prüfen. Retest: offen
Methode / Vertrauen manuell und automatisch · mittel
W3C-Quelle zu 1.3.1
Manuell offen 1.3.2 Bedeutungsvolle Reihenfolge Stufe A
Prüfziel Die programmatische Lesereihenfolge erhält die Bedeutung.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle Seiten; Statusdialog
Vorbereitung Darstellung linearisieren. Prüfschritte DOM- und visuelle Reihenfolge vergleichen Screenreader-Lesereihenfolge prüfen
Erwartet Reihenfolge ist verständlich und widerspruchsfrei.
Tatsächlich offen
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Inhalte können in falscher Reihenfolge ausgegeben werden.
Empfehlung und Retest DOM-Reihenfolge an der Bedeutungsreihenfolge ausrichten. Retest: offen
Methode / Vertrauen manuell · niedrig bis zur Prüfung
W3C-Quelle zu 1.3.2
Manuell offen 1.4.3 Kontrast (Minimum) Stufe AA
Prüfziel Text erreicht die erforderlichen Kontrastverhältnisse.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle Seiten; Fotohintergründe; Dialog
Vorbereitung Repräsentative Vorder- und Hintergrundfarben bestimmen. Prüfschritte Normale und große Texte messen Text über Bildern an ungünstigen Stellen messen Fokus- und Zustandsvarianten prüfen
Erwartet Mindestens 4,5:1 beziehungsweise 3:1 für großen Text.
Tatsächlich Dynamische Bildhintergründe sind automatisch nicht abschließend messbar.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Text kann für Menschen mit Sehbeeinträchtigung schwer lesbar sein.
Empfehlung und Retest Kontrast an schlechtesten Bildstellen messen und bei Bedarf robuste Überlagerung ergänzen. Retest: offen
Methode / Vertrauen manuell und automatisch · mittel
W3C-Quelle zu 1.4.3
Bestanden 1.4.10 Umbruch Stufe AA
Prüfziel Inhalte funktionieren bei 320 CSS-Pixeln ohne zweidimensionales Scrollen.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle Seiten; Dialog; Mobilnavigation
Vorbereitung Viewport auf 320 × 800 setzen. Prüfschritte Alle Zustände herstellen horizontale Überbreite messen Inhalte und Bedienelemente visuell prüfen
Erwartet Kein inhaltlich unnötiges horizontales Scrollen und kein Verlust.
Tatsächlich Automatisch für konfigurierte Zustände gemessen.
Bewertung Fundstelle: bestanden · Seite: erfüllt · Produkt: teilweise unterstützt
Auswirkung Restprüfung auf Inhaltsverlust bleibt erforderlich.
Empfehlung und Retest Bei Inhaltsänderungen erneut prüfen. Retest: bei Release
Methode / Vertrauen automatisch mit Sichtprüfung · hoch für Überbreite
W3C-Quelle zu 1.4.10
Manuell offen 1.4.11 Nicht-Text-Kontrast Stufe AA
Prüfziel Bedienelemente, Zustände und notwendige Grafiken sind ausreichend erkennbar.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse Navigation; Dialog; Links und Schalter
Vorbereitung Alle Zustände einschließlich Fokus herstellen. Prüfschritte Grenzen und Zustandsindikatoren messen Forced Colors prüfen
Erwartet Erforderliche visuelle Information erreicht 3:1 oder bleibt systemseitig erkennbar.
Tatsächlich offen
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Bedienmöglichkeiten können übersehen werden.
Empfehlung und Retest Alle interaktiven Zustände messen. Retest: offen
Methode / Vertrauen manuell · niedrig bis zur Prüfung
W3C-Quelle zu 1.4.11
Manuell offen 1.4.12 Textabstand Stufe AA
Prüfziel Vergrößerte Textabstände verursachen keinen Verlust.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle texttragenden Seiten und Dialoge
Vorbereitung WCAG-Testabstände injizieren. Prüfschritte Zeilen-, Absatz-, Zeichen- und Wortabstände setzen Überlagerung, Abschneiden und Scrollen prüfen
Erwartet Kein Verlust von Inhalt oder Funktion.
Tatsächlich Browserprüfung ist Teil der automatischen Prüfroutine; visuelle Endkontrolle bleibt erforderlich.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Text kann abgeschnitten oder unbedienbar werden.
Empfehlung und Retest Visuelle Endkontrolle ergänzen. Retest: offen
Methode / Vertrauen automatisch und manuell · mittel
W3C-Quelle zu 1.4.12
2. Bedienbar
Manuell offen 2.1.1 Tastatur Stufe A
Prüfziel Alle Funktionen sind mit der Tastatur bedienbar.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse Navigation; Dialog öffnen/schließen; interne Links
Vorbereitung Maus und Touch nicht verwenden. Prüfschritte Mit Tab und Umschalt+Tab navigieren Elemente mit Enter/Leertaste aktivieren Dialog mit Escape schließen
Erwartet Jede Funktion ist ohne Zeigegerät erreichbar und ausführbar.
Tatsächlich Automatische Zustandsherstellung erfolgreich; vollständiger manueller Ablauf offen.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Funktionen können für Tastaturnutzende unerreichbar sein.
Empfehlung und Retest Alle Prozesse vollständig ohne Maus durchlaufen. Retest: offen
Methode / Vertrauen manuell mit automatischem Smoke-Test · mittel
W3C-Quelle zu 2.1.1
Manuell offen 2.4.3 Fokusreihenfolge Stufe A
Prüfziel Die Fokusreihenfolge erhält Bedienbarkeit und Bedeutung.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle interaktiven Seiten; Dialog; Mobilnavigation
Vorbereitung Ausgangsfokus vor jedem Prozess dokumentieren. Prüfschritte Vorwärts und rückwärts tabben Fokus beim Öffnen und Schließen des Dialogs verfolgen
Erwartet Fokus folgt einer nachvollziehbaren Reihenfolge und kehrt sinnvoll zurück.
Tatsächlich offen
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Orientierung und Bedienung können verloren gehen.
Empfehlung und Retest Fokuspfade je Prozess protokollieren. Retest: offen
Methode / Vertrauen manuell · niedrig bis zur Prüfung
W3C-Quelle zu 2.4.3
Manuell offen 2.4.7 Fokus sichtbar Stufe AA
Prüfziel Tastaturfokus ist jederzeit sichtbar.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle interaktiven Zustände
Vorbereitung Nur Tastatur verwenden. Prüfschritte Jeden Fokuspunkt prüfen Forced Colors und fotografische Hintergründe einbeziehen
Erwartet Ein sichtbarer Fokusindikator ist vorhanden.
Tatsächlich offen für vollständigen Pfad.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Aktuelle Position ist nicht erkennbar.
Empfehlung und Retest Alle Fokuszustände visuell prüfen. Retest: offen
Methode / Vertrauen manuell · niedrig bis zur Prüfung
W3C-Quelle zu 2.4.7
Manuell offen 2.4.11 Fokus nicht verdeckt (Minimum) Stufe AA
Prüfziel Das fokussierte Element ist nicht vollständig verdeckt.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse Seiten mit fixiertem Header; Dialog
Vorbereitung Alle Viewports und Zoomstufen herstellen. Prüfschritte Durch alle Elemente tabben Überlagerungen und Scrollposition prüfen
Erwartet Fokuselement bleibt mindestens teilweise sichtbar.
Tatsächlich offen
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Tastaturnutzende verlieren die Orientierung.
Empfehlung und Retest Fokuspfad bei 200 und 400 Prozent prüfen. Retest: offen
Methode / Vertrauen manuell · niedrig bis zur Prüfung
W3C-Quelle zu 2.4.11
Manuell offen 2.5.8 Zielgröße (Minimum) Stufe AA
Prüfziel Zeigerziele erfüllen Größe oder zulässige Ausnahme.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse Navigation; Dialogschalter; Links
Vorbereitung CSS-Pixelmaße und Abstände erfassen. Prüfschritte Ziele unter 24 × 24 CSS-Pixel ermitteln Abstands- und Inline-Ausnahmen fachlich bewerten
Erwartet 24 × 24 CSS-Pixel oder eine normative Ausnahme.
Tatsächlich offen; axe-Zielgrößenregel allein ist nicht entscheidend.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Ziele können schwer zuverlässig aktiviert werden.
Empfehlung und Retest Kleine Ziele samt Ausnahmen dokumentieren. Retest: offen
Methode / Vertrauen manuell und messend · niedrig bis zur Prüfung
W3C-Quelle zu 2.5.8
3. Verständlich
Manuell offen 3.1.1 Sprache der Seite Stufe A
Prüfziel Die Standardsprache ist programmatisch bestimmt.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse alle Seiten
Vorbereitung HTML-Wurzelelement prüfen. Prüfschritte lang-Wert prüfen Ausgabe mit Screenreader gegenprüfen
Erwartet Korrekte Standardsprache ist gesetzt.
Tatsächlich Automatisch geprüft; Screenreader-Gegencheck offen.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Falsche Aussprache ist möglich.
Empfehlung und Retest Screenreader-Stimmenwechsel kurz prüfen. Retest: offen
Methode / Vertrauen automatisch und manuell · hoch für Markup
W3C-Quelle zu 3.1.1
4. Robust
Manuell offen 4.1.2 Name, Rolle, Wert Stufe A
Prüfziel Bedienelemente stellen Namen, Rolle, Wert und Zustände bereit.
Anwendbarkeit anwendbar
Seiten, Zustände, Prozesse Menüschalter; Dokumentdialog; Links
Vorbereitung Zustände geöffnet und geschlossen herstellen. Prüfschritte Accessibility Tree prüfen Name und Rolle mit Screenreader ansagen lassen Zustandsänderungen prüfen
Erwartet Alle Informationen sind korrekt programmatisch verfügbar.
Tatsächlich Automatische axe-Prüfung durchgeführt; echte Screenreader-Ausgabe offen.
Bewertung Fundstelle: offen · Seite: nicht geprüft · Produkt: nicht geprüft
Auswirkung Bedienelemente können unverständlich oder unbedienbar sein.
Empfehlung und Retest Dynamische Zustände mit NVDA und VoiceOver prüfen. Retest: offen
Methode / Vertrauen automatisch und manuell · mittel
W3C-Quelle zu 4.1.2
Methodik und Grenzen Prüfumfang und Stichprobe anzeigen Vollständige Prüfung aller eigenständigen Seitentypen der kleinen Website plus strukturierte dynamische Zustände; ergänzend zufällige Kontrollstichprobe.
Strukturiert: /, /a11y-copilot/, /a11y-copilot/tutorial.html, /impressum.html, /bildnutzung.html, /barrierefreiheit.html, /404.htmlZufallskontrolle: /#about, /a11y-copilot/#start (Seed 2026-09-06)
Automatische Browserprüfung, manuelle Fachprüfung und nutzerbasierte Prüfung werden getrennt dokumentiert.
Testumgebung anzeigen Technologien: HTML5, CSS, JavaScript, WAI-ARIA.
Assistive Technologien: Manuell offen: NVDA/Firefox; Manuell offen: VoiceOver/Safari; Forced Colors (Browseremulation).
Browser: Chromium. Viewports: 320 × 800, 390 × 844, 1280 × 900 CSS-Pixel.
Offene manuelle und nutzerbasierte Prüfungen 1.1.1 Nicht-Text-Inhalt 1.3.1 Info und Beziehungen 1.3.2 Bedeutungsvolle Reihenfolge 1.4.3 Kontrast (Minimum) 1.4.11 Nicht-Text-Kontrast 1.4.12 Textabstand 2.1.1 Tastatur 2.4.3 Fokusreihenfolge 2.4.7 Fokus sichtbar 2.4.11 Fokus nicht verdeckt (Minimum) 2.5.8 Zielgröße (Minimum) 3.1.1 Sprache der Seite 4.1.2 Name, Rolle, Wert Aufgabenbasierte Prüfung mit Menschen mit unterschiedlichen Behinderungen.
Einschränkungen Automatisierung deckt nur einen Teil möglicher Barrieren ab. Screenreader-Ausgabe, Inhaltsqualität, Fokuslogik und tatsächliche Nutzbarkeit bleiben manuell zu prüfen. Browseremulation ersetzt keine Prüfung mit realen assistiven Technologien.
Empfehlungen und Retests Offene Kriterien fachlich prüfen, die Evidenz in den maschinenlesbaren Prüfdaten ergänzen und die vollständigen Nutzerabläufe nach jeder relevanten Änderung erneut ausführen.
Prüfverlauf 2026-09-07T15:32:41.850Z : automatischer Lauf und Berichtsgenerierung. Die unveränderten axe-Ergebnisgruppen bleiben in der internen JSON-Quelle erhalten.