# Barrierefreiheits-Checker

https://rankproof.eu/de/tools/compliance-wcag-scanner

## 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.

## 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.

## Wie es funktioniert

1. Geben Sie eine Seiten-URL ein oder fügen Sie den HTML-Code der Seite ein
2. 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
3. Eine Open-Source-Regel-Engine prüft die gerenderte Seite anhand der WCAG 2.1 Regeln der Stufen A und AA
4. 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

EINGABE

```text
url: https://rankproof.eu
```

AUSGABE

```text
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
```

## 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.

## 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.

## Verwandte Tools in EAA-Konformität

- [Farbkontrast-Prüfer](https://rankproof.eu/de/tools/compliance-color-contrast)
- [Generator für Barrierefreiheitserklärungen](https://rankproof.eu/de/tools/compliance-accessibility-statement-generator)