Barrierefreiheit: Websites, die wirklich alle nutzen können

Hi und willkommen in der Kategorie Barrierefreiheit!

Du hast vom Barrierefreiheitsstärkungsgesetz (BFSG) gehört, vielleicht sogar schon ein paar Artikel dazu gelesen. Und trotzdem bleibt eine Frage offen:

Was heißt das jetzt konkret für meine Website?

Genau darum geht es hier. Ich übersetze Paragraphen in Aufgaben, die Du wirklich angehen kannst: vom Bußgeld-Risiko über eine Checkliste bis zum einzelnen alt-Attribut.

info

In dieser Kategorie findest Du alle meine Artikel rund um die barrierefreie Website: die rechtliche Seite des BFSG, die wichtigsten Standards wie WCAG und BITV 2.0 und praktische Anleitungen für Bilder, HTML und Texte.

Warum ich über Barrierefreiheit schreibe

Ich trage selbst eine Brille. Sobald ich sie abnehme, sieht sogar meine eigene Website ziemlich verschwommen aus.

Ein kleiner Vorgeschmack darauf, wie sich das Web für Menschen mit Sehbehinderungen anfühlt. Blinde Nutzer verlassen sich auf einen Screenreader, und der kann nur vorlesen, was im Code sauber angelegt ist.

Fakt: Seit dem 28. Juni 2025 gilt das BFSG. Für viele Unternehmen, die Dienstleistungen online für Verbraucher anbieten, ist Barrierefreiheit damit kein „Kann“ mehr, sondern ein „Muss“.

Doch wo fängst Du an?

Der Gesetzestext verrät Dir nicht, wie Dein Menü, Deine Bilder oder Deine Texte aussehen sollen. Genau diese Lücke schließen meine Artikel:

• Gilt das BFSG überhaupt für mein Angebot?
• Was droht mir, wenn ich die Anforderungen ignoriere?
• Welche Barrieren gibt es im Web und welche Standards helfen dagegen?
• Wie setze ich Barrierefreiheit Schritt für Schritt um?

Aber keine Sorge: Vieles, was Deine Website barrierefrei macht, zahlt sich doppelt aus. Gute Alt-Texte und semantisches HTML helfen auch Google, Deine Inhalte zu verstehen. Und gut lesbare Texte sorgen für eine längere Verweildauer und können Deine Conversion-Rate steigern.

Was Dich in dieser Kategorie erwartet

Das BFSG und seine Folgen

• BFSG Bußgeld: Was 2025 wirklich droht (Analyse): Ich gehe mit Dir § 37 BFSG durch, zeige die häufigsten Verstöße mit Bußgeldern bis zu 100.000 Euro und erkläre, was die Marktüberwachungsbehörde dabei berücksichtigt. Lies das, wenn Du Dein Risiko realistisch einschätzen willst.
• Fällt ein kostenloses Vermittlungsformular unter das BFSG?: Gratis für Verbraucher, aber von Dienstleistern finanziert? Ich prüfe anhand von § 1 Abs. 3 BFSG und der EU-Dienstleistungsrichtlinie, ob das als wirtschaftliche Tätigkeit zählt und wann die Ausnahme für Kleinstunternehmen greift. Pflichtlektüre, wenn Dein Geschäftsmodell nicht ins Standard-Schema passt.

Grundlagen und Checkliste

• Barrierefreie Website Pflicht: Das sollst Du bis 2025 wissen!: Mein Grundlagen-Artikel über visuelle, auditive und motorische Barrieren, das Accessibility Object Model, die Standards WCAG, BITV 2.0 und EN 301 549 sowie Prüftools wie WAVE und Lighthouse. Starte hier, wenn Du das Thema von Grund auf verstehen willst.
• Barrierefreie Website Checkliste: 25 Schritte zur BITV 2.0 / zum BFSG: 25 konkrete Prüfschritte in sieben Bereichen, von Seitentiteln und Kontrast über Untertitel und Tastaturnavigation bis zur Barrierefreiheitserklärung, jeweils mit einem Praxis-Tipp. Perfekt, wenn Du Deine Website Punkt für Punkt abhaken möchtest.

Umsetzung im Detail

• Der Weg zur BFSG-Compliance 2025 durch semantisches HTML: Am Beispiel einer Navigationsleiste zeige ich Dir, wie ein Screenreader drei lose Links wahrnimmt und wie ul, nav und passende Rollen daraus ein verständliches Menü machen. Lies das, wenn Du verstehen willst, warum sauberer Code die Basis jeder barrierefreien Website ist.
• 4 Tipps: Alt Attribute bei Bildern für mehr SEO und Barrierefreiheit: Wie ein guter Alt-Text Inhalt und Zweck eines Bildes beschreibt, wann alt leer bleiben darf, worin der Unterschied zum title-Attribut liegt und wie KI Dir einen ersten Entwurf liefert. Ideal, wenn Du regelmäßig Bilder hochlädst und dabei Barrierefreiheit und SEO gleichzeitig verbessern willst.
• Lesbarkeit: Praxis-Guide für Typografie und Barrierefreiheit (mit Beispielen & Tools): Sieben Typografie-Prinzipien von der Schriftart über Kontrast und Zeilenlänge bis zur Textausrichtung, plus Werkzeuge wie den Flesch-Reading-Ease zur Prüfung. Lies das, wenn Deine Besucher Deine Texte eher überfliegen als lesen.

tipp

Wenn Barrierefreiheit für Dich neu ist, starte mit dem Grundlagen-Artikel und arbeite danach die Checkliste ab. Bist Du unsicher, ob das BFSG Dich überhaupt betrifft, lies zuerst die beiden Artikel zum Gesetz.

Einige dieser Artikel findest Du auch in den Kategorien Web-Dev, HTML-Semantik, IT-Compliance und Design.

Für wen diese Kategorie besonders wichtig ist

• Unternehmer und Geschäftsführer, die Dienstleistungen online für Verbraucher anbieten, zum Beispiel über einen Online-Shop, eine Buchungsplattform oder ein Vermittlungsformular.
• Web-Entwickler, die Menüs, Formulare und Bilder so auszeichnen müssen, dass Screenreader und Tastatur damit klarkommen.
• Designer, die über Kontraste, Schriftgrößen und Zeilenlängen entscheiden.
• Marketing- und Content-Verantwortliche, die Texte schreiben und Bilder in WordPress hochladen.

Und falls sich herausstellt, dass das BFSG für Dich gar nicht gilt: Barrierefreiheit bleibt trotzdem eine gute Idee. Du erreichst mehr Menschen, und Deine Website wird für alle angenehmer.

Was Du als Nächstes tun solltest

Barrierefreiheit ist kein einmaliges Projekt, sondern ein laufender Prozess. Diese Schritte helfen Dir beim Einstieg:

1. Klarheit schaffen: Prüfe mit dem kostenlosen BFSG-Relevanzcheck von Barrierenlos℠, ob das Gesetz für Dein Unternehmen gilt.
2. Selbsttest machen: Öffne Deine Website, leg die Maus beiseite und drück ein paar Mal die Tab-Taste. Kommst Du überall hin, wo Du hinwillst?
3. Systematisch prüfen: Geh die 25-Schritte-Checkliste durch. Für ein gründliches Selbst-Audit gibt es außerdem die BFSG-Checkliste als PDF von Barrierenlos℠.
4. Quick Wins umsetzen: Ergänze fehlende Alt-Texte und prüfe die Kontraste Deiner Texte.

Du hast noch Fragen zum BFSG? Dann buche Dir gerne ein kostenloses Erstgespräch bei Barrierenlos℠. Und wenn Du es ganz genau wissen willst, prüfe ich Deine Website mit Barrierenlos℠ in einem Audit von Hand.

So findest Du heraus, ob und wie das BFSG Dich betrifft, wo die größten Barrieren auf Deiner Website stecken und wie Du sie Schritt für Schritt aus dem Weg räumst.