# Barrierefreie Website — bevor jemand danach fragt

> Das BFSG gilt seit Juni 2025. Wir prüfen Ihre Website gegen WCAG 2.1 AA, beheben was blockiert und hinterlassen eine Erklärung, die einer Prüfung standhält.

Quelle: [https://www.arytechsolutions.com/solutions/accessibility](https://www.arytechsolutions.com/solutions/accessibility)

## Vorteile

- **Prüfung, die Fundstellen nennt** — Sie bekommen keine Ampelfarbe, sondern eine Liste: welches Element, auf welcher Seite, gegen welches Kriterium — und was zu tun ist.
- **Korrekturen im Quelltext** — Kontraste, Tastaturbedienung, Fokusführung, Formularfehler und Markup werden dort geändert, wo sie entstehen. Kein Skript, das darüberliegt.
- **Erklärung, die trägt** — Eine Barrierefreiheitserklärung, die den angewandten Standard, bekannte Einschränkungen und einen Feedback-Kanal benennt — nicht pauschal Konformität behauptet.

## Was das Barrierefreiheitsstärkungsgesetz für Sie bedeutet

- Seit 28. Juni 2025 in Kraft: Wer Verbrauchern digitale Dienstleistungen anbietet — Shop, Buchung, Kundenkonto — ist betroffen.
- Kleinstunternehmen (unter 10 Beschäftigte, höchstens 2 Mio. € Umsatz) sind bei Dienstleistungen ausgenommen. Ob das auf Sie zutrifft, klären wir im ersten Gespräch.
- Zuständig ist die Marktüberwachungsstelle der Länder (MLBF). Bußgelder reichen bis 100.000 €, häufiger ist jedoch die Aufforderung zur Nachbesserung mit Frist.
- Unabhängig vom Gesetz: rund jede zehnte Person in Deutschland lebt mit einer Beeinträchtigung, die die Bedienung Ihrer Website beeinflusst.

## Was geprüft und behoben wird

Maßstab ist WCAG 2.1 Stufe AA — die Norm, auf die EN 301 549 und damit das BFSG verweisen.

- **Kontrast und Farbe** — Jeder Textwert gegen seinen tatsächlichen Hintergrund gemessen, in hellem und dunklem Design. Information wird nie allein über Farbe transportiert.
- **Tastaturbedienung** — Alles erreichbar ohne Maus, Fokus durchgehend sichtbar, keine Fokusfallen. Sprunglink an der Navigation vorbei.
- **Struktur und Semantik** — Überschriftenhierarchie ohne Sprünge, Landmarks, Listen und Tabellen als das ausgezeichnet, was sie sind — die Grundlage jedes Screenreaders.
- **Formulare** — Beschriftungen fest verbunden, Fehler als Text und nicht nur als rote Umrandung, Fehlermeldungen für Hilfsmittel angekündigt.
- **Dialoge und dynamische Inhalte** — Modals halten den Fokus und schließen mit Escape. Inhalte, die sich ohne Seitenwechsel ändern, werden angesagt.
- **Bewegung und Medien** — Animationen folgen der Systemeinstellung. Videos mit Untertiteln, Bilder mit Alternativtext, dekoratives explizit als dekorativ markiert.

## Overlay oder echte Umsetzung

| Overlay-Werkzeug | Umsetzung im Code |
| --- | --- |
| **In einer Stunde eingebaut** — Ein Skript im Header, ein Symbol unten rechts. Die zugrunde liegende Seite bleibt unverändert. | **Aufwand einmal, Wirkung dauerhaft** — Korrigiertes Markup bleibt korrigiert. Kein Abonnement, das die Barrierefreiheit aufrechterhält. |
| **Kein Konformitätsnachweis** — Weder bei einer BFSG-Prüfung noch bei einem BITV-Test tritt ein Overlay an die Stelle des Quelltexts. Geprüft wird das DOM. | **Hält der Prüfung stand** — Was geprüft wird, ist genau das, was geändert wurde: Kontrastwerte, Fokusreihenfolge, Beschriftungen, Struktur. |
| **Kollidiert mit Hilfsmitteln** — Zur Laufzeit eingefügte ARIA-Attribute überschreiben, was Screenreader-Nutzende in ihrer eigenen Software eingestellt haben. | **Arbeitet mit Hilfsmitteln zusammen** — Screenreader, Vergrößerung und Spracheingabe bekommen die Struktur, auf die sie ausgelegt sind — ohne Zwischenschicht. |
| **Laufende Kosten** — Monatliches Abonnement, dazu ein weiterer Drittanbieter im Datenschutzverzeichnis und im Consent-Banner. | **Nebenwirkung: bessere Seite für alle** — Sauberes Markup, klare Kontraste und eine funktionierende Tastaturbedienung wirken auch auf Bedienbarkeit und Suchmaschinen. |

## Von der Prüfung zur Erklärung

1. **Bestandsaufnahme** — Automatisierte Prüfung aller Seitentypen in beiden Designs, ergänzt um manuelle Tests mit Tastatur und Screenreader. Automatik allein findet nur einen Teil. _(2-4 Tage)_
2. **Bericht und Priorisierung** — Jeder Befund mit Fundstelle, betroffenem Kriterium und Schweregrad. Sortiert danach, was Menschen tatsächlich blockiert — nicht danach, was am schnellsten geht. _(innerhalb einer Woche)_
3. **Umsetzung** — Korrekturen im Quelltext, in Ihrer Codebasis oder als Vorlage für Ihr Team. Nach jeder Änderung wird erneut geprüft. _(je nach Umfang)_
4. **Erklärung und Absicherung** — Barrierefreiheitserklärung mit Standard, bekannten Einschränkungen und Meldeweg. Auf Wunsch ein automatischer Test, der einen Rückfall sofort meldet. _(zum Abschluss)_

## Zusagen

- Prüfbericht mit Fundstellen, nicht mit Punktzahl
- Getestet mit Screenreader und Tastatur, nicht nur automatisiert
- Kein Overlay — Korrekturen im Code
- Automatischer Test gegen Rückfall

## Was Auftraggeber vorher wissen wollen

### Gilt das BFSG überhaupt für mich?

Es betrifft Anbieter bestimmter digitaler Dienstleistungen gegenüber Verbrauchern — etwa Online-Shops, Buchungssysteme, Kundenkonten. Reine Informationsseiten und reines B2B fallen nicht darunter, ebenso wenig Kleinstunternehmen bei Dienstleistungen. Die Einordnung klären wir im ersten Gespräch, bevor irgendein Aufwand entsteht.

### Reicht nicht ein Overlay-Tool?

Nein. Overlays verändern die Seite erst im Browser und lassen den Quelltext unberührt — genau das, was bei einer Prüfung angesehen wird. Hinzu kommt, dass sie sich mit den Einstellungen von Screenreadern ins Gehege kommen. In den USA hat die FTC 2025 einen Overlay-Anbieter wegen irreführender Konformitätsversprechen belangt.

### Muss die Website dafür neu gebaut werden?

In den meisten Fällen nicht. Der überwiegende Teil der Befunde sind Kontrastwerte, fehlende Beschriftungen, Fokusführung und Überschriftenstruktur — Änderungen an bestehendem Markup. Ein Neubau steht nur zur Debatte, wenn die Grundstruktur selbst das Problem ist.

### Wie lange dauert das?

Die Prüfung einer typischen Unternehmenswebsite dauert wenige Tage. Die Umsetzung hängt vom Befund ab: kleinere Korrekturen in ein bis zwei Wochen, umfangreiche Umbauten entsprechend länger. Sie bekommen den Zeitrahmen mit dem Bericht, nicht davor.

### Was kostet das?

Das hängt vom Umfang ab — Anzahl der Seitentypen, Komplexität der Formulare, Zustand des bestehenden Markups. Deshalb gibt es hier keine Preistabelle: eine Zahl vor der Bestandsaufnahme wäre geraten. Nach der Prüfung erhalten Sie ein Festpreisangebot.

### Bleibt die Website danach barrierefrei?

Nur wenn neue Inhalte es auch sind. Deshalb ist der letzte Schritt optional ein automatischer Test, der bei jedem Deployment mitläuft und meldet, sobald ein behobener Verstoß zurückkehrt. Auf dieser Website läuft genau das.

## Wo steht Ihre Website?

Der erste Schritt ist eine Bestandsaufnahme — mit ihr wissen Sie, ob überhaupt Handlungsbedarf besteht.