Barrierefreiheit

Barrierefreie Websites nach BFSG und WCAG 2.1 AA

Das Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025, das Bußgeld reicht bis 100.000 €. Wir prüfen bestehende Seiten mit Werkzeug und von Hand gegen WCAG 2.1 AA und bauen neue Seiten von vornherein so.

Rechtslage

Wen das BFSG verpflichtet und wer es durchsetzt

Betroffen sind digitale Dienstleistungen an Verbraucher: Onlineshops, Buchungs- und Vertragsstrecken, Kundenkonten, Banking- und Verkehrsdienste — unabhängig davon, ob das Angebot als Website, Portal oder App ausgeliefert wird.

Durchgesetzt wird das Gesetz von den Marktüberwachungsbehörden der Länder; sie werden von sich aus tätig und gehen Beschwerden von Verbrauchern nach. In der Praxis kommt der Druck oft früher aus einer anderen Richtung: Ein Großkunde verlangt im Einkaufsprozess eine Aussage zur Barrierefreiheit, oder eine Nutzerin meldet sich, weil sie das Bestellformular mit ihrem Hilfsmittel nicht ausfüllen kann.

Ob Ihr Angebot unter das Gesetz fällt, gehört zu Ihrer Rechtsberatung. Wir setzen die technischen Anforderungen um und liefern die Belege, auf die sich eine Erklärung zur Barrierefreiheit stützen kann; ein Prüfsiegel stellen wir nicht aus. Für öffentliche Stellen gilt zusätzlich die BITV 2.0, die gegen dieselbe Stufe AA prüft.

Maßstab

Die Prinzipien der WCAG 2.1 und typische Fehler

Die WCAG 2.1 ordnet ihre Erfolgskriterien vier Prinzipien zu. Stufe AA ist der Maßstab, gegen den wir prüfen und bauen.

WCAG 2.1, Konformitätsstufe AA
PrinzipWas es verlangtWoran es in der Praxis scheitert
WahrnehmbarJeder Inhalt kommt über mehr als einen Kanal an: Textalternative zu jedem Bild, Untertitel zu jedem Video, ausreichender Kontrast, erkennbare Struktur auch ohne Layout.Graue Schrift auf hellem Grund, Bilder ohne Alternativtext, Information allein über Farbe.
BedienbarAlles, was mit der Maus geht, geht auch mit der Tastatur — in sichtbarer Reihenfolge, mit erkennbarem Fokus und ohne Zeitdruck.Menüs, die nur auf Hover öffnen, unsichtbarer Fokusring, Dialoge, aus denen die Tastatur nicht wieder herausfindet.
VerständlichDie Sprache ist ausgezeichnet, die Bedienung bleibt über alle Seiten gleich, Fehler werden benannt und mit einem Hinweis zur Korrektur versehen.Formulare, die im Fehlerfall nur die Farbe wechseln, Pflichtfelder ohne Beschriftung, Fachbegriffe ohne Auflösung.
RobustGültiges HTML mit korrekten Rollen, Namen und Zuständen, damit Screenreader und andere Hilfsmittel den Inhalt auswerten können.Divs als Schaltflächen, Zustände nur im JavaScript, Bedienelemente ohne zugänglichen Namen.
Ihre Seite prüfen lassen

Sie nennen uns Adresse und wichtigste Seitentypen, wir gehen sie durch und sagen Ihnen, was vor der ersten Beschwerde behoben sein sollte.

Prüfung bestehender Seiten

Automatische Prüfung und Durchlauf von Hand

Werkzeuge sind schnell und finden verlässlich, was sich messen lässt: zu schwache Kontraste, fehlende Alternativtexte, übersprungene Überschriftenebenen, Felder ohne Beschriftung, ungültiges HTML. Diesen Teil der Prüfung sollte jedes Entwicklungsteam dauerhaft mitlaufen lassen.

Was kein Werkzeug beurteilen kann, ist der Sinn. Ob ein Alternativtext die Aussage des Bildes trifft und ob eine Fehlermeldung jemandem weiterhilft, der das Formular zum ersten Mal ausfüllt, zeigt erst der Durchlauf von Hand. Wir prüfen deshalb jeden Seitentyp einzeln — Startseite, Übersicht, Formular, Suche, Anmeldung, Dokumentenansicht — allein mit der Tastatur, danach mit Screenreader, bei zweifacher Vergrößerung und in einem schmalen Fenster.

Bildplatz reserviert

Bildschirmfoto einer anonymisierten Befundliste aus einem abgeschlossenen Prüfauftrag. Freigabe des geprüften Kunden erforderlich, Adresse und Seitentitel vorher schwärzen.

Auszug aus einer Befundliste: zu jedem Punkt der Ort im Seitentyp, das betroffene Erfolgskriterium und der Vorschlag zur Behebung.
Befund und Behebung

Umfang des Prüfauftrags

Prüfung je Seitentyp
Durchlauf mit Tastatur, Screenreader, zweifacher Vergrößerung und schmalem Fenster
Befundliste
Zu jedem Punkt Ort, Erfolgskriterium und Vorschlag zur Behebung, nach Schwere sortiert
Behebung
Korrigierte Seitenvorlagen oder eine Arbeitsliste, die Ihr Team abarbeiten kann
Nachprüfung
Dieselben Punkte erneut geprüft, dokumentiert im Stand nach der Korrektur
Grundlage der Erklärung zur Barrierefreiheit
Prüfumfang, Verfahren, Datum und die offen gebliebenen Punkte, schriftlich
Test im Entwicklungsstand
Automatische Prüfung, die messbare Fehler vor der Veröffentlichung meldet
Neubau

Warum die Nachbesserung teurer wird als der Neubau

Die teuren Befunde stammen fast alle aus Bausteinen, die nie jemand mit der Tastatur bedient hat: ein Auswahlfeld aus verschachtelten Divs, ein Dialog ohne Fokusverwaltung, ein Menü, das nur beim Überfahren mit der Maus öffnet. Solche Bauteile werden selten repariert, sondern ersetzt, und genau deshalb wird die Nachbesserung teuer. Wer von vornherein die vorhandenen HTML-Elemente benutzt, hat den größten Teil ohne Zusatzaufwand erledigt.

Was hier steht, führt die Seite selbst vor. Sie ist vollständig mit der Tastatur bedienbar, die Überschriften stehen in gültiger Reihenfolge, und keine Bewegung läuft gegen die Systemeinstellung für reduzierte Bewegung. Legen Sie die Maus beiseite und gehen Sie mit Tabulator und Eingabetaste durch die Navigation. Denselben Anspruch haben wir an das, was im Hintergrund passiert, nachzulesen bei dendatensparsamen Websites.

Soll Ihre Seite geprüft werden?

Nennen Sie uns die Adresse und die wichtigsten Seitentypen. Sie erhalten eine Befundliste mit Ort, betroffenem Erfolgskriterium und Vorschlag zur Behebung.

L&I IT-solutions · Werderstr. 4 · 69469 Weinheim