Barrierefreiheit ist 2026 kein Wettbewerbsvorteil mehr — sie ist gesetzliche Pflicht. Als Webdesign Hamburg-Agentur, die alle Projekte standardmäßig WCAG-konform baut, erklären wir, was das konkret für Hamburger Unternehmen bedeutet.
Rechtlicher Rahmen — was ändert sich
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Es verpflichtet Unternehmen mit mehr als 10 Mitarbeitenden oder über 2 Millionen Euro Jahresumsatz, ihre digitalen Produkte und Dienstleistungen barrierefrei anzubieten. Konkret betrifft das: Websites mit Transaktionsfunktionen (Shop, Buchung, Kontaktformular) und Online-Dienstleistungen. Bei Verstößen drohen Bußgelder bis 100.000 Euro und — noch teurer — Abmahnungen durch spezialisierte Kanzleien.
Die vier Grundprinzipien
1. Wahrnehmbar
Inhalte müssen für alle Sinne zugänglich sein. Bilder brauchen Alt-Texte. Videos Untertitel. Audios Transkripte. Text muss ausreichend Kontrast haben (mindestens 4,5:1 bei normalem Text, 3:1 bei großem Text).
2. Bedienbar
Die Website muss auch ohne Maus vollständig nutzbar sein — ausschließlich über die Tastatur. Alle interaktiven Elemente (Buttons, Menüs, Formulare) müssen per Tab erreichbar sein. Fokus-Indikatoren müssen sichtbar bleiben.
3. Verständlich
Klare Sprache, logische Struktur. Formulare mit erkennbaren Labels. Fehlermeldungen, die das Problem konkret benennen und einen Lösungsweg zeigen.
4. Robust
Die Website muss mit verschiedenen Geräten, Browsern und Hilfstechnologien (Screenreader, Braille-Zeilen) zuverlässig funktionieren. Sauberes HTML ohne Hack-Konstruktionen ist Grundlage. Unser Responsive Webdesign-Ansatz erfüllt diese Anforderungen by default.
Was viele Websites falsch machen
- Hauptmenüs, die nur mit der Maus bedienbar sind (Hover-Dropdowns ohne Tastatur-Unterstützung).
- Bilder ohne Alt-Texte — oder mit sinnlosem „DSC_0042.jpg".
- PDFs, die Screenreader nicht vorlesen können (reine Bild-PDFs).
- Farbcodes als einziger Informationsträger (rote/grüne Markierungen ohne Symbol).
- Auto-abspielende Videos mit Ton — belastend für viele Nutzer:innen.
- Fokus-Indikatoren per CSS deaktiviert („outline: none") — ein Verstoß.
- Formulare mit Placeholder statt Label — verschwindet beim Tippen.
Technische Basis: WCAG 2.2
Die Web Content Accessibility Guidelines (WCAG) 2.2 sind der internationale Standard. Das BFSG orientiert sich an Konformitätsstufe „AA" (mittleres Niveau). Automatisierte Tests (axe DevTools, WAVE, Lighthouse) zeigen die offensichtlichsten Probleme. Für vollständige Konformität braucht es zusätzlich manuelle Prüfung durch erfahrene Tester:innen. Mehr zu aktuellen gesetzlichen Anforderungen lesen Sie in unserem Artikel zur DSGVO-konformen Website ohne Cookie-Banner.
Erklärung zur Barrierefreiheit — Pflichtangabe
Unternehmen, die unter das BFSG fallen, müssen eine „Erklärung zur Barrierefreiheit" auf der Website veröffentlichen. Darin: Konformitätsstand, eventuelle Einschränkungen, Kontaktdaten für Feedback. Analog zum Impressum von jeder Seite aus erreichbar.
Nebeneffekt: bessere SEO
Barrierefreie Websites haben fast immer bessere SEO-Werte. Grund: saubere HTML-Struktur, Alt-Texte helfen der Google-Bildersuche, klare Navigation verbessert die Usability, hoher Kontrast verlängert die Verweildauer. Barrierefreiheit und Webdesign-Trends 2027 gehen Hand in Hand — eine Investition, die sich doppelt rechnet.
Häufig gestellte Fragen
Bin ich als Hamburger Unternehmen vom BFSG betroffen?
Das Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025 für Unternehmen mit mehr als 10 Mitarbeitenden oder über 2 Millionen Euro Jahresumsatz, deren Websites Transaktionsfunktionen haben. Bei Verstoß drohen Bußgelder bis 100.000 Euro.
Was sind die wichtigsten WCAG-Anforderungen für meine Website?
Die vier Grundprinzipien sind: Wahrnehmbar (Alt-Texte, Kontrast 4,5:1), Bedienbar (vollständige Tastaturnavigation, sichtbare Fokusindikatoren), Verständlich (klare Sprache, Label statt Placeholder) und Robust (sauberes HTML, screenreader-kompatibel). WCAG 2.2 Stufe AA ist der gesetzliche Mindeststandard.
Helfen automatisierte Tools zur vollständigen WCAG-Prüfung?
Automatisierte Tools (Lighthouse, axe DevTools, WAVE) erkennen ca. 30–40 % der Probleme — aber nicht alle. Für vollständige WCAG 2.2 AA-Konformität braucht es zusätzlich manuelle Tests durch erfahrene Tester:innen, idealerweise unter Einbeziehung echter Assistenztechnologien wie Screenreadern.
Was muss in die Erklärung zur Barrierefreiheit?
Die Erklärung muss den Konformitätsstand, eventuelle Einschränkungen mit Begründung und Kontaktdaten für Barrierefreiheits-Feedback enthalten. Sie muss analog zum Impressum von jeder Seite aus erreichbar sein.
Verbessert Barrierefreiheit wirklich mein Google-Ranking?
Ja, indirekt erheblich. Barrierefreie Websites haben fast immer bessere SEO-Werte: saubere HTML-Struktur, Alt-Texte helfen der Bildersuche, klare Navigation verbessert die Usability, hoher Kontrast verlängert die Verweildauer. Eine doppelt sinnvolle Investition.
