Checkliste für deine Barrierefreie Website
Erfüllt deine Website das neue Barrierefreiheitsgesetz?
Mit dieser kompakten Checkliste prüfst du schnell, ob deine Website den aktuellen Anforderungen entspricht und weißt sofort, wo du nachbessern solltest.
Was ist das Barrierefreiheitsgesetz
Ab dem 28. Juni 2025 gilt in Österreich das neue Barrierefreiheitsgesetz (BaFG). Dieses Gesetz bringt weitreichende Veränderungen für alle Unternehmen mit sich, die digitale Produkte oder Dienstleistungen anbieten – also zum Beispiel Websites, Webshops, Apps oder Buchungsplattformen.
Viele dieser Anforderungen sind zwar nicht neu, werden aber künftig strenger geprüft und auch konsequenter durchgesetzt. Wenn du deine Website von mir bekommen hast, kannst du beruhigt sein: Die meisten Richtlinien wurden bereits von Anfang an korrekt umgesetzt.
Auf Wunsch prüfe ich deine Website gerne noch einmal im Detail – melde dich einfach!
Was bedeutet das konkret?
Wenn du beispielsweise einen Webshop, eine Buchungsplattform, ein Kundenportal oder eine App betreibst, musst du sicherstellen, dass diese auch für Menschen mit Einschränkungen zugänglich und nutzbar sind. Die technischen Anforderungen orientieren sich dabei an den internationalen Richtlinien der WCAG 2.2 (Level AA).
Wer ist betroffen?
Das Gesetz betrifft:
-
Websites & Onlineshops
-
Apps
-
digitale Dienstleistungen (z. B. Online-Banking, Ticketing, Reisebuchungen)
-
PDFs & Formulare, wenn sie öffentlich bereitgestellt werden
☝ Ausnahmen gibt es nur für Kleinstunternehmen (unter 10 Mitarbeitende und < 2 Mio € Umsatz) – und auch nur bei Dienstleistungen.
Wie können wir nun die Webseiten barrierefrei gestalten?
✅ Alt-Texte für Bilder
✅ Klare Navigation per Tastatur
✅ Hohe Farbkontraste
✅ Verständliche Formulare
✅ Responsives Design (auch mit Zoom!)
✅ Barrierefreie PDFs
✅ Logische Struktur & semantischer Code
Warum ist das wichtig den online Auftritt anzupassen?
-
Es drohen Strafen bis zu 80.000 €
-
Das Gesetz wird kontrolliert und eingefordert
-
Aber: Wer frühzeitig umstellt, kann sich positiv von der Konkurrenz abheben
Die Checkliste
1. Struktur & Semantik
| Prüfkriterium | Erledigt |
|---|---|
| Überschriften folgen einer logischen Hierarchie (H1 → H2 → H3 …) | |
| Keine Überspringung von Ebenen (z. B. H1 direkt auf H3) | |
Hauptnavigation ist mit <nav> ausgezeichnet |
|
Inhalte sind in sinnvolle Bereiche gegliedert (<main>, <section>, <aside>) |
|
Formularfelder sind korrekt mit <label> verbunden |
|
| Seite funktioniert auch ohne CSS |
💡 Tipp: Nutze konsequent semantisches HTML.
2. Inhalte & Texte
| Prüfkriterium | Erledigt |
|---|---|
| Alle Bilder haben aussagekräftige Alt‑Texte | |
| Keine Bilder enthalten reinen Text ohne zusätzliche Beschreibung | |
| Linktexte sind eindeutig (nicht nur „hier klicken“) | |
| Sprache ist klar, verständlich und möglichst einfach gehalten | |
| Keine rein farblichen Hinweise (z. B. nur „grüner Button“) |
🔎 Alt‑Texte sollen den Inhalt oder Zweck eines Bildes beschreiben.
3. Design & Darstellung
| Prüfkriterium | Erledigt |
|---|---|
| Text‑Kontrast erfüllt mindestens 4,5 : 1 | |
| Schrift lässt sich auf 200 % vergrößern, ohne Layout-Probleme | |
| Fokus (z. B. Links, Buttons) ist sichtbar und klar erkennbar | |
| Keine automatisch startenden, blinkenden oder ablenkenden Elemente |
🛠 Kontrast testen mit WebAIM Contrast Checker.
4. Technik & Bedienbarkeit
| Prüfkriterium | Erledigt |
|---|---|
| Seite ist vollständig mit der Tastatur bedienbar | |
| Fokusreihenfolge ist logisch (Tab‑Reihenfolge stimmt) | |
| Keine Tastaturfalle (z. B. Modal ohne Ausstieg) | |
| Formulare geben verständliche Fehlermeldungen aus | |
| ARIA‑Rollen sparsam und korrekt verwendet |
⌨️ Test: Mit der Tab‑Taste durch die Seite springen.
5. Medien & Dateien
| Prüfkriterium | Erledigt |
|---|---|
| Videos haben Untertitel oder ein Transkript | |
| Wichtige Videos enthalten Audiodeskription | |
| PDFs sind barrierefrei getaggt (Lesereihenfolge etc.) | |
| Seite bleibt bei 200 % Zoom ohne horizontales Scrollen nutzbar |
Mein Angebot
Ich unterstütze dich gerne bei der Prüfung und Umsetzung deiner Website oder App. Mit gezielten Anpassungen machen wir dein digitales Angebot nicht nur gesetzeskonform, sondern auch besser nutzbar für alle.