Barrierefreiheit testen: 12 Prüfpunkte nach WCAG 2.1

Von Markus Offermann, Geschäftsführer – Technik und Betrieb Stand:

Ihre Angaben

Domain oder Adresse einer Unterseite, mit oder ohne https://. Ohne Pfad prüfen wir die Startseite.

Nur die Adresse geht an unseren Server. Er ruft Ihre Website von dort aus auf und bewahrt das Ergebnis 10 Minuten auf, ohne Bezug zu Ihnen.

Ihr Ergebnis

Das Ergebnis erscheint hier, sobald Sie „Barrierefreiheit testen“ wählen.

Erster Entwurf geschenkt, live ab 14,99 € netto/Monat im Jahresvertrag

Eine neue Website, bei der Barrierefreiheit mitläuft

Beschreiben Sie Ihr Unternehmen in wenigen Sätzen oder nennen Sie die Adresse Ihrer bestehenden Website. Die KI-Agentur erstellt daraus Ihren ersten kompletten Entwurf – kostenlos und fertig in unter 24 Stunden. Gebaut wird nach den Kriterien der WCAG 2.1 AA, und die Farbpalette achtet auf lesbare Kontraste; eine Prüfung der fertigen Website ersetzt das nicht.

  • Erster Entwurf geschenkt
  • In wenigen Minuten ausgefüllt
  • Pflicht: Worum es geht, zwei, drei Sätze zu Ihrem Unternehmen, Name und E-Mail
  • Ohne Anmeldung

Schritt 1 von 4 · dauert wenige Minuten

Schritt 1 von 4 Worum geht es?

Ein Klick genügt – danach geht es automatisch weiter.

Mit Sternchen markierte Angaben sind Pflicht.

Die KI liest Ihren Auftritt ein und übernimmt Inhalte und Bilder; bewährte Adressen bleiben, geänderte werden per 301 weitergeleitet.

Schritt 2 von 4 Erzählen Sie kurz von sich

Zwei bis drei Sätze reichen. Hier tippen Sie am meisten.

Mindestens 20 Zeichen: Branche, Leistungen, Region und Wünsche – je konkreter, desto besser der Entwurf. Beim Relaunch: Was soll bleiben, was stört Sie heute?

Ihre Branche (optional – ein Klick, falls es hier passt)

Ohne Angabe erkennen wir Ihre Branche aus Ihrer Beschreibung.

Gesundheit & Praxis, Kanzlei & Beratung: Für Berufsgeheimnisträger (§ 203 StGB) vorerst nur als Informationswebsite ohne Anfrageformular – Details (öffnet in einem neuen Tab).

Schritt 3 von 4 Wünsche und Vorbilder Optional

Dieser ganze Schritt ist freiwillig – Sie dürfen ihn mit einem Klick überspringen. Zwei, drei Klicks machen Ihren Entwurf aber deutlich treffsicherer.

Welche Wirkung gefällt Ihnen?

Und welche Farbwelt?

Welche Seiten brauchen Sie?

Ohne Auswahl schlagen wir den passenden Seitenaufbau für Ihre Branche vor.

Was soll die Website vor allem bringen?

Wie eilig ist es Ihnen?

Websites, die Sie schön finden

Bis zu drei Adressen, deren Optik Ihnen gefällt. Die KI übernimmt Stilrichtung und Farbklima – niemals Inhalte.

Websites, die Sie inhaltlich gut finden

Bis zu drei Adressen, deren Texte, Aufbau oder Argumentation Sie überzeugen – gern auch aus Ihrer Branche.

Bilder und PDFs mitschicken

Haben Sie Fotos von Ihren Produkten, Angebote oder eine Unternehmenspräsentation? Verkaufen Sie Produkte bestimmter Hersteller? Hier können Sie unserem Team alles mitgeben, was hilft, Sie und Ihr Angebot besser zu verstehen – wir arbeiten es in Ihren Entwurf ein. Bitte schwärzen Sie vorher Kundendaten, etwa in Angeboten.

Schritt 4 von 4 – letzter Schritt Wohin dürfen wir liefern?

Nur noch Name und E-Mail – dorthin schicken wir den fertigen Entwurf Ihrer Website.

Hierhin schicken wir zuerst den Bestätigungslink, dann Ihren fertigen Entwurf.

Sie erhalten gleich eine E-Mail mit Bestätigungslink. Erst nach Ihrer Bestätigung legen wir los. Der Link gilt 7 Tage.

  • Kostenlos und unverbindlich – keine Zahlungsdaten nötig
  • Für den Entwurf: kein Abo, keine Verlängerung, kein Anruf-Marketing
  • Ihre Angaben nutzen wir ausschließlich für diese Anfrage

Mit * markierte Angaben sind Pflicht, alles andere ist freiwillig. Die Übertragung erfolgt verschlüsselt. Für die Erstellung Ihres Entwurfs gelten unsere Allgemeinen Geschäftsbedingungen.

Nach dem Absenden: Sie erhalten gleich eine E-Mail mit Bestätigungslink. Erst nach Ihrer Bestätigung legen wir los – wir lesen Ihre Angaben, die KI-Agentur baut Ihre Website, und Sie bekommen den Link zu Ihrem Entwurf per E-Mail, in unter 24 Stunden und ohne Anruf.

Jede spätere Änderung beauftragen Sie mit einem Satz. Gebucht wird erst zum Überarbeiten und Live-Stellen, ab 14,99 € netto im Monat im Jahresvertrag (Monatsvertrag 17,99 €) – alle Preise ansehen.

Angebot ausschließlich für Unternehmer (§ 14 BGB), juristische Personen des öffentlichen Rechts und öffentlich-rechtliche Sondervermögen. Alle Preise netto zzgl. gesetzlicher Umsatzsteuer.

Echte Websites aus dem Builder: cortexion.ai deutsche-tanktechnik.de lichtmast-mieten.de und diese Website selbst

Was Sie von Hand prüfen sollten

Diese Prüfungen findet kein automatischer Test. Sie brauchen dafür keine Fachkenntnis, nur Ihren Browser und etwas Zeit.

  1. Tastatur: Legen Sie die Maus weg und gehen Sie mit der Tab-Taste durch die Seite. Jeder Link, jedes Feld und jeder Knopf muss erreichbar sein, der Fokus muss immer zu sehen sein, und Menüs und Fenster müssen sich mit Enter, Leertaste und Escape bedienen und schließen lassen.
  2. Screenreader: Unter Windows gibt es NVDA kostenlos, auf Mac und iPhone ist VoiceOver eingebaut, auf Android-Geräten TalkBack. Lassen Sie sich die Seite vorlesen: Werden Bilder, Knöpfe und Formularfelder verständlich angesagt?
  3. Vergrößern: Zoomen Sie im Browser auf 200 % (Strg und Plus, auf dem Mac Cmd und Plus). Alles muss lesbar bleiben; nichts darf abgeschnitten werden oder übereinanderliegen.
  4. Formulare: Senden Sie ein Formular mit einem Fehler ab. Die Meldung muss sagen, welches Feld betroffen ist und was zu tun ist, und darf nicht nur aus roter Farbe bestehen.
  5. Kontrast: Prüfen Sie Text auf Bildern und Knöpfe, auf die Sie mit der Maus zeigen. Öffnen Sie mit F12 die Entwicklerwerkzeuge, wählen Sie den Text aus und klicken Sie auf das Farbfeld seiner Textfarbe – Chrome, Edge und Firefox zeigen dort das Kontrastverhältnis.
  6. Medien und Bewegung: Videos mit Ton brauchen Untertitel. Was sich länger als fünf Sekunden von selbst bewegt, etwa ein Bildwechsel, muss sich anhalten lassen.
  7. Verständlichkeit: Bitten Sie jemanden, der Ihr Angebot nicht kennt, eine typische Aufgabe zu lösen, etwa Ihre Telefonnummer zu finden oder eine Anfrage zu senden. Wo die Person stockt, liegt oft eine Barriere.

Für eine vollständige Prüfung gibt es Prüfverfahren mit offengelegten Prüfschritten, etwa den BIK BITV-Test nach EN 301 549 und WCAG.

Prüfschritte des BIK BITV-Tests ansehen

Barrierefreiheitsstärkungsgesetz: Wen betrifft es?

Seit dem 28. Juni 2025 verpflichtet das Barrierefreiheitsstärkungsgesetz (BFSG) Unternehmen, Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher barrierefrei anzubieten, etwa Online-Shops oder Buchungen über die Website; ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten (§ 1 Abs. 3 Nr. 5, § 3 Abs. 3 BFSG). Technischer Maßstab ist die Norm EN 301 549, deren geltende Fassung für Websites auf die WCAG 2.1, Stufen A und AA, verweist. Wen das Gesetz genau betrifft, was es verlangt und was bei Verstößen droht, erklärt unsere Themenseite.

Themenseite: Barrierefreie Website

So prüfen wir

Das Werkzeug liest den Quelltext der angegebenen Seite – ohne Pfad Ihrer Startseite – und ihre eigenen Stylesheets und prüft die 12 Punkte der WCAG 2.1 auf Stufe AA, die sich daraus sicher ablesen lassen. Es bewertet nach WCAG und ist deshalb bei Sprachangabe, Alternativtexten und Zoom-Sperre strenger als der Website-Check, der diese Punkte mit Blick auf das Smartphone gewichtet.

Der Weg zum Ergebnis

  1. Aus Ihrer Eingabe lesen wir den Domainnamen und, falls angegeben, Pfad und Parameter der Seite; ein Sprungziel hinter „#“ lassen wir weg. Wir prüfen nur Websites, die öffentlich im Internet stehen; zeigt die Domain oder eine Weiterleitung auf eine interne Adresse, brechen wir ab. Ist der Pfad länger als 1000 Zeichen oder ungültig, prüfen wir die Startseite und sagen das über den Prüfpunkten.
  2. Unser Server ruft die Seite auf und folgt höchstens 3 Weiterleitungen; jede Antwort darf höchstens 8 Sekunden dauern. Dazu liest er bis zu 8 eigene Stylesheets und 6, die per @import eingebunden sind, je bis 512 KB. Zu jedem Ergebnis nennen wir die abgerufene Adresse, den HTTP-Status und die Größe der Antwort.
  3. Antwortet die Website mit HTTP-Status 202, 401, 403, 405, 406, 429, 451 oder 503 oder mit der Schutzseite eines Bot-Schutzes (etwa von AWS WAF, Cloudflare, Akamai, DataDome oder Imperva), bewerten wir nichts: Das Ergebnis lautet „Nicht prüfbar: Die Website hat unseren Abruf blockiert“, ohne Prüfpunkte. Jeder Befund beträfe sonst die Sperrseite, nicht Ihre Website.
  4. Ausgeblendetes zählt nicht: Felder, Schaltflächen, Links, Überschriften und Bilder, die ein Stylesheet ohne Bedingung mit display:none oder visibility:hidden ausblendet, die das Attribut hidden tragen oder die als Feld type="hidden" haben, bewerten wir nicht. Blendet sie nur eine Media Query aus, etwa auf dem Smartphone oder am Desktop, bewerten wir sie und vermerken das an der Fundstelle.
  5. Sprache: Fehlt im <html>-Tag das Attribut lang, ist das ein Fehler; ein ungültiger Code wie „de_DE“ eine Warnung.
  6. Seitentitel: Fehlt er oder ist er leer, ist das ein Fehler; steht dort nur „Home“, „Startseite“ oder Ähnliches, eine Warnung.
  7. Alternativtexte: Ein Bild, eine Bild-Schaltfläche oder eine Grafik mit role="img" ohne Alternativtext ist ein Fehler. Ein leeres alt="" kennzeichnet Schmuck und ist in Ordnung – außer das Bild ist der einzige Inhalt eines Links oder Knopfs: Das zählen wir als eigenen Fehler „Bild mit leerem alt als einzigem Inhalt eines Links“, weil dem Link dann der Name fehlt. Ein Dateiname oder Platzhalter wie „Bild“ als Alternativtext ist eine Warnung.
  8. Formulare: Jedes sichtbare Feld braucht eine Beschriftung über <label> oder aria-labelledby. Steht gar nichts daran, ist das ein Fehler; steht dort nur ein Platzhalter (placeholder), der beim Tippen verschwindet, oder ein unsichtbares aria-label oder title, eine Warnung. Eine Schaltfläche ohne Text ist ein Fehler.
  9. Überschriften: Fehlen Überschriften ganz oder fehlt eine H1, ist das eine Warnung. WCAG schreibt weder eine H1 noch Überschriften an sich vor; es verlangt aber, dass sichtbare Abschnittstitel als Überschriften ausgezeichnet sind (1.3.1), und eine H1 ist üblich. Mehrere H1, übersprungene Ebenen (etwa H2 → H4) und leere Überschriften sind ebenfalls Warnungen.
  10. Seitenbereiche: Wir suchen <header>, <nav>, <main> und <footer> oder die passenden ARIA-Rollen. Fehlt einer oder gibt es mehr als einen sichtbaren Hauptbereich, ist das eine Warnung.
  11. Linktexte: Ein Link ohne Text, auch ein Bild-Link ohne Alternativtext, ist ein Fehler. Ein Text nur aus Wörtern wie „hier“, „mehr“ oder „weiterlesen“ ist eine Warnung, weil WCAG dabei auch den umgebenden Satz berücksichtigt.
  12. Zoom: Sperrt die Viewport-Angabe das Vergrößern („user-scalable=no“) oder erlaubt sie weniger als doppelte Vergrößerung, ist das ein Fehler.
  13. Ein tabindex über 0 ist eine Warnung. Doppelte IDs sind eine Warnung, wenn eine Beschriftung, eine ARIA-Angabe oder ein Sprunglink auf sie verweist, sonst ein Hinweis.
  14. Sprunglink: Führt einer der ersten 3 Links zu einem Ziel auf derselben Seite, ist der Punkt in Ordnung; fehlt das Ziel oder ein solcher Link, ist es eine Warnung.
  15. Kontrast: Für bis zu 800 Textstellen ermitteln wir wie ein Browser, welche Regeln gelten – Reihenfolge, Spezifität, Kaskadenebenen, style-Attribut und „!important“ – und setzen Text- und Hintergrundfarbe nach der Formel der WCAG ins Verhältnis. Farbangaben aus altem HTML – bgcolor, <font color> sowie text und link im <body> – werten wir nach den Regeln des HTML-Standards für diese Attribute aus. Nötig sind 4,5 : 1, bei großem Text ab 24 px oder fett ab 18,7 px 3 : 1. Darunter ist es ein Fehler; ist die Schriftgröße nicht eindeutig und das Verhältnis zwischen 3 : 1 und 4,5 : 1, eine Warnung.
  16. Beim Kontrast bewerten wir nur Text, dessen Farben sich eindeutig ergeben. Wir lassen Text aus, der über einem Bild oder Farbverlauf steht, in einer frei positionierten Ebene liegt, durchscheinend oder gefiltert ist, je nach Bildschirmbreite die Farbe wechselt oder Farben nutzt, die der Browser erst aus zwei Farben mischt. Zustände wie das Zeigen mit der Maus oder der Tastaturfokus und der Dunkelmodus bleiben außen vor. Bindet die Seite ein Stylesheet ein, das wir nicht gelesen haben, bleibt der Punkt offen; für jedes nennen wir den Grund – etwa ein anderer Server, mehr als 512 KB, keine Antwort mit Status 200, per Skript nachgeladen oder über unserer Grenze von 8 Dateien.
  17. Jeder Punkt zeigt bis zu 10 Fundstellen mit Zeilennummer im HTML. Das Ergebnis einer Seite bewahren wir 10 Minuten auf; wird sie in dieser Zeit noch einmal geprüft, zeigen wir es mit der Uhrzeit der ursprünglichen Prüfung.

Annahmen und Grenzen

  • Automatische Tests finden nur einen Teil der Barrieren. Ob sich die Seite vollständig mit der Tastatur bedienen lässt, ob der Fokus sichtbar ist, ob ein Screenreader sie verständlich vorliest, ob Fehlermeldungen helfen und ob Texte verständlich sind, zeigt erst eine Prüfung von Hand.
  • Ein Ergebnis ohne Fehler heißt nicht, dass die Website barrierefrei ist oder die Anforderungen des Barrierefreiheitsstärkungsgesetzes erfüllt.
  • Geprüft wird eine Seite je Durchgang, wie unser Server sie erhält. Andere Seiten Ihrer Website und was erst ein Skript im Browser einfügt oder ändert, sieht der Test nicht; wichtige Unterseiten wie Kontakt oder Leistungen prüfen Sie einzeln.
  • Ob ein Bild mit leerem alt wirklich nur Schmuck ist und ob ein Alternativtext das Bild treffend beschreibt, kann der Test nicht beurteilen.
  • Dass wir den Kontrast einer Textstelle nicht bewertet haben, heißt nicht, dass er reicht. Den Kontrast von Bedienelementen und Grafiken (WCAG 1.4.11) prüft das Werkzeug nicht.
  • Die Prüfpunkte folgen den WCAG 2.1. Die mit WCAG 2.2 neu hinzugekommenen Erfolgskriterien, etwa 2.4.11 Focus Not Obscured (Minimum) und 2.5.8 Target Size (Minimum), prüft das Werkzeug nicht.
  • Was ein Stylesheet ausblendet und erst ein Skript zeigt, etwa ein aufklappbares Menü, bewerten wir nicht; prüfen Sie es von Hand mit der Tastatur.
  • Sperrt ein Bot-Schutz unseren Abruf, können wir die Seite gar nicht prüfen. Im Browser kann sie trotzdem wie gewohnt laden.
  • Das Ergebnis speichern wir mit Domain und Prüfzeit 10 Minuten lang, ohne Bezug zu Ihnen. Zum Schutz vor Missbrauch sind je Besucher 20 Prüfungen in der Stunde möglich und je Domain 30 Prüfungen in der Stunde über alle Besucher.

Quellen

Stand: Oktober 2026. Die Prüfpunkte folgen den WCAG 2.1; die Angaben zum Gesetz stammen aus dem Gesetzestext, von der Bundesfachstelle Barrierefreiheit und aus der Norm EN 301 549.

  • Barrierefreiheitsstärkungsgesetz (BFSG) vom 16. Juli 2021, in Kraft seit 28. Juni 2025: §§ 1, 2, 3, 4, 14, 15, 37 und Anlage 3. BFSG bei gesetze-im-internet.de
  • Verordnung zum Barrierefreiheitsstärkungsgesetz (BFSGV), § 12: Anforderungen an Dienstleistungen. § 12 BFSGV bei gesetze-im-internet.de
  • Bundesfachstelle Barrierefreiheit: FAQ zum BFSG, Normen und Standards, Beratung für Kleinstunternehmen. FAQ zum BFSG
  • ETSI EN 301 549 V3.2.1 (2021-03), Abschnitt 9: Webseiten erfüllen die Erfolgskriterien der WCAG 2.1 der Stufen A und AA. EN 301 549 V3.2.1 (PDF, englisch)
  • ETSI EN 301 549 V4.1.1 (2026-09), angenommen am 24. August 2026: Abschnitte 9 bis 11 verweisen auf die WCAG 2.2, Abschnitt 9.4.1.1 (bisher 4.1.1 Parsing) ist entfallen; die Konformitätsvermutung gilt erst ab der Veröffentlichung der Fundstelle im Amtsblatt der EU. EN 301 549 V4.1.1 (PDF, englisch)
  • EUR-Lex, geprüft am 11.10.2026: Für die EN 301 549 V4.1.1 ist keine Fundstelle im Amtsblatt veröffentlicht. In Kraft ist der Durchführungsbeschluss (EU) 2021/1339 mit der Fassung V3.2.1 für die Richtlinie (EU) 2016/2102 über öffentliche Stellen. Durchführungsbeschluss (EU) 2021/1339
  • Web Content Accessibility Guidelines (WCAG) 2.1 des W3C, Fassung vom 6. Mai 2025, mit dem Hinweis zu 4.1.1 Syntaxanalyse. WCAG 2.1 (englisch)
  • Deutsche Übersetzung der WCAG 2.1 von Aktion Mensch; nach ihr benennen wir die Erfolgskriterien. WCAG 2.1 auf Deutsch

Häufige Fragen

Fragen zu diesem Werkzeug

Etwas offen geblieben? Schreiben Sie uns per E-Mail an hello@cortexion.ai oder unter +49 221 67763990.

Er findet, was im Quelltext steht oder fehlt: Bilder ohne Alternativtext, Felder ohne Beschriftung, fehlende Überschriften, eine Zoom-Sperre, zu schwache Kontraste. Ob sich die Seite mit der Tastatur bedienen lässt, ob ein Screenreader sie verständlich vorliest, ob Alternativtexte das Bild treffend beschreiben und ob Texte verständlich sind, kann er nicht beurteilen. Dafür braucht es die Prüfung von Hand, wie oben beschrieben.

Erstellt von Markus Offermann · Stand:

Das könnte Sie auch interessieren