Barrierefreiheits-Checker
Kurze Antwort
Prüfen Sie die gerenderte Seite anhand der automatisiert prüfbaren WCAG-2.1-Regeln der Stufen A und AA, einschließlich Farbkontrast. Jedes Problem verweist auf sein WCAG-Kriterium und die Anforderung des European Accessibility Act.
Testet die gerenderte Seite anhand der WCAG-2.1-Regeln der Stufen A und AA, die sich automatisiert prüfen lassen.
Getestete Seite
Was es macht
Rendert die Seite in Ihrem Browser und prüft sie anhand der WCAG 2.1 Regeln der Stufen A und AA, die sich automatisiert testen lassen: Farbkontrast des gerenderten Textes, Bezeichnungen von Schaltflächen, Links und Formularfeldern, Alternativtexte für Bilder, Überschriften und Landmarken, ARIA-Einsatz und Seitensprache, unter anderem. Jedes Problem wird nach Schweregrad bewertet, zeigt die betroffenen Elemente und was zu beheben ist, und verlinkt das zugehörige WCAG-Erfolgskriterium sowie die Anforderung aus Anhang I des Europäischen Rechtsakts zur Barrierefreiheit (Richtlinie 2019/882), auf die es sich bezieht. Prüfungen, die eine manuelle Kontrolle erfordern, werden gesondert aufgeführt.
Warum es wichtig ist
Der Europäische Rechtsakt zur Barrierefreiheit (EAA) gilt seit dem 28. Juni 2025 für viele digitale Produkte und Dienstleistungen, die in der EU verkauft werden, und jeder Mitgliedstaat legt eigene Sanktionen fest und setzt sie durch. Unabhängig vom Gesetz schließen Barrierefreiheitsprobleme reale Besucher aus. Eine automatisierte Prüfung ist der schnellste Weg, die offensichtlichen Mängel vor einer manuellen Prüfung zu finden.
Wie es funktioniert
-
Geben Sie eine Seiten-URL ein oder fügen Sie den HTML-Code der Seite ein
-
RankProof ruft den HTML-Code ab; Ihr Browser rendert ihn mit den eigenen Stilen und Bildern der Seite, ohne die Skripte der Seite auszuführen
-
Eine Open-Source-Regel-Engine prüft die gerenderte Seite anhand der WCAG 2.1 Regeln der Stufen A und AA
-
Die Ergebnisse werden nach Schweregrad zurückgegeben, mit den betroffenen Elementen, was zu beheben ist, sowie den Verweisen auf WCAG und EAA
Beispiel-Ein- und Ausgabe
url: https://rankproof.eu
Barrierefreiheits-Scan (WCAG 2.1 A und AA Regeln):
3 Probleme bei 7 Elementen · Kritisch 1 · Schwerwiegend 2
Kritisch Bilder müssen Alternativtext haben 1 Element
WCAG 1.1.1 · EAA I.2.e
Schwerwiegend Elemente müssen den Mindest-Farbkontrast erfüllen 5 Elemente
WCAG 1.4.3 · EAA I.2.c
Schwerwiegend Formularelemente müssen Beschriftungen haben 1 Element
WCAG 4.1.2 · EAA I.2.n
Bestandene Regeln: 32 · Braucht manuelle Kontrolle: 3 Wer es nutzt
-
EU-Unternehmer
Führen Sie jetzt, da der EAA gilt, eine Basisprüfung durch und sehen Sie, welche WCAG-Verstöße zuerst behoben werden sollten.
-
Berater für Barrierefreiheit
Erhalten Sie einen schnellen ersten Überblick über eine Kundenseite, mit Problemen gruppiert nach Schweregrad und zugeordnet zu EAA-Anforderungen, vor der manuellen Prüfung.
-
Webentwickler
Führen Sie die Prüfung vor jedem Release erneut auf Staging-Seiten durch, um Barrierefreiheits-Regressionen zu erkennen, bevor sie in die Produktion gelangen.
Häufig gestellte Fragen
Was ist WCAG 2.1?
Die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) sind der W3C-Standard für Barrierefreiheit im Web. In der EU wendet die harmonisierte Norm EN 301 549 v3.2.1 die Stufe AA von WCAG 2.1 auf Webinhalte an, weshalb dieser Checker die Regeln der Stufen A und AA aus WCAG 2.1 verwendet.
Was ist der Europäische Rechtsakt zur Barrierefreiheit (EAA)?
Die Richtlinie (EU) 2019/882 legt Barrierefreiheitsanforderungen für viele Produkte und Dienstleistungen fest, die in der EU verkauft werden, darunter E-Commerce, Bankwesen und E-Books. Sie gilt seit dem 28. Juni 2025.
Was übersieht eine automatisierte Prüfung?
Vieles. Automatisierte Regeln finden nur einen Teil der Probleme: ob Alternativtexte sinnvoll sind, ob die Lesereihenfolge Sinn ergibt, ob Untertitel korrekt sind. Der Bericht listet die Punkte auf, die eine manuelle Kontrolle erfordern, und die Seite mit den EAA-Anforderungen enthält eine Checkliste für manuelle Prüfungen. Betrachten Sie den Scan als ersten Schritt und testen Sie anschließend mit Tastatur und Screenreader.
Prüft er den Farbkontrast?
Ja, für Text auf einfarbigen Hintergründen der gerenderten Seite. Text über Bildern oder Farbverläufen kann nicht automatisch gemessen werden und wird als manuell zu prüfen aufgeführt. Für ein einzelnes Farbpaar nutzen Sie den Farbkontrast-Prüfer.
Funktioniert er bei Websites, die mit JavaScript erstellt wurden?
Nur teilweise. Die Skripte der Seite werden nicht ausgeführt, sodass Inhalte, die JavaScript erst nach dem Laden hinzufügt, im Scan fehlen. Der Bericht warnt Sie, wenn eine Seite mit fast keinem Text gerendert wird.
Was ist der Unterschied zwischen WCAG 2.1 und 2.2?
WCAG 2.2 fügt WCAG 2.1 neun Erfolgskriterien hinzu und entfernt eines (4.1.1 Parsing). Zu den neuen Kriterien der Stufe AA gehören Fokus nicht verdeckt (2.4.11), Ziehbewegungen (2.5.7), Zielgröße (2.5.8) und Zugängliche Authentifizierung (3.3.8). EU-Webinhalte werden über EN 301 549 v3.2.1 an WCAG 2.1 AA gemessen.