Ist Ihre Website barrierefrei? Der 5-Minuten-Schnellcheck

Was bedeutet Barrierefreiheit bei einer Website?

Eine barrierefreie Website ist so gebaut, dass Menschen mit unterschiedlichen Einschränkungen sie nutzen können: Sehbehinderung, motorische Einschränkung, Farbsehschwäche, kognitive Belastung oder einfach eine temporäre Situation wie grelles Sonnenlicht auf dem Handy. Die WCAG, also die Web Content Accessibility Guidelines, ordnen das Thema in vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust.

Für Selbständige und kleine Firmen ist das kein Luxus. Barrierearme Seiten sind meistens klarer, schneller und besser strukturiert. Davon profitieren nicht nur Menschen mit Behinderung, sondern auch ältere Kunden, mobile Nutzer und Suchmaschinen. Viele Maßnahmen sind keine teuren Spezialfunktionen, sondern saubere Grundlagen: lesbare Schrift, klare Überschriften, echte Buttons, Alt-Texte und verständliche Formulare.

Wen betrifft die BFSG-Pflicht ab 2025?

Das Barrierefreiheitsstärkungsgesetz, kurz BFSG, setzt in Deutschland die EU-Richtlinie 2019/882 um. Es gilt seit dem 28. Juni 2025 für bestimmte Produkte und Dienstleistungen, unter anderem für Teile des Online-Handels und digitale Dienstleistungen für Verbraucher. Wichtig: Nicht jede kleine Firmenwebsite fällt automatisch komplett darunter, aber wer online Verträge, Buchungen oder Shop-Funktionen anbietet, sollte das Thema ernst nehmen.

Das Gesetz kennt Ausnahmen, zum Beispiel für Kleinstunternehmen bei Dienstleistungen. Trotzdem ist „nicht betroffen" keine gute Ausrede für eine unbedienbare Website. Erstens können einzelne Funktionen oder zukünftige Erweiterungen relevant werden. Zweitens wirkt Barrierefreiheit direkt auf Vertrauen und Conversion. Wenn Sie eine neue Website planen, sollte Barrierearmut von Anfang an mitgedacht werden, statt später teuer nachgebessert zu werden.

• BFSG-Anwendungsstart: 28. Juni 2025
• Relevant vor allem bei digitalen Verbraucher-Dienstleistungen, Shops und Buchungsstrecken
• Kleinstunternehmen können bei Dienstleistungen ausgenommen sein — im Zweifel rechtlich prüfen lassen
• Auch ohne Pflicht verbessert Barrierefreiheit Bedienbarkeit und Kundenerlebnis

Wie testen Sie Kontrast und Lesbarkeit in 60 Sekunden?

Der schnellste Test: Öffnen Sie die Startseite auf dem Smartphone und halten Sie das Display etwas weiter weg. Können Sie Überschrift, Leistung und Kontaktweg sofort lesen? Kritisch sind graue Texte auf hellem Hintergrund, dünne Schriften, kleine Buttons und Texte auf unruhigen Bildern. WCAG 2.2 empfiehlt für normalen Text in vielen Fällen ein Kontrastverhältnis von mindestens 4,5:1, für große Schrift 3:1.

Sie müssen dafür kein Designer sein. Kostenlose Kontrastprüfer im Browser reichen für einen ersten Check. Prüfen Sie besonders Navigation, Preisangaben, Telefonnummer, Formularlabels und Fehlermeldungen. Wenn ein Kunde erst zoomen muss, ist die Seite nicht nur weniger barrierefrei, sondern verkauft auch schlechter.

Funktioniert Ihre Website ohne Maus?

Ein sehr guter Barrierefreiheits-Test kostet nichts: Legen Sie die Maus weg und drücken Sie die Tab-Taste. Sie sollten Menü, Links, Buttons, Formularfelder und Buchungsbutton in sinnvoller Reihenfolge erreichen. Außerdem muss sichtbar sein, wo Sie gerade sind. Dieser sichtbare Fokus wird oft aus Designgründen entfernt — genau das macht Seiten für Tastatur-Nutzer schwer bedienbar.

Wenn ein Cookie-Banner, Slider oder Pop-up die Tastatur blockiert, ist das ein ernstes Problem. Testen Sie auch die mobile Navigation: Lässt sich das Menü öffnen und wieder schließen? Kommen Sie zum Kontaktformular? Kann man eine Anfrage absenden, ohne an einem versteckten Pflichtfeld zu scheitern? In unseren Website-Abos achten wir bei neuen Seiten darauf, dass solche Basics nicht erst nach dem Launch auffallen.

• Tab-Reihenfolge folgt der sichtbaren Seitenlogik
• Aktives Element ist klar markiert
• Menü, Formular und Cookie-Banner sind per Tastatur bedienbar
• Keine Tastatur-Falle: Man kommt aus jedem Element wieder heraus

Sind Bilder, Überschriften und Links verständlich?

Screenreader und Suchmaschinen brauchen Struktur. Jede Seite sollte genau eine klare H1 haben, danach logisch gegliederte H2- und H3-Überschriften. Überschriften dürfen nicht nur optisch groß sein, sondern müssen im Code echte Überschriften sein. Das hilft auch Lesern, die schnell scannen.

Bilder benötigen Alt-Texte, wenn sie Inhalt tragen: Teamfoto, Referenz, Produkt, Praxisraum, Vorher-nachher-Beispiel. Reine Dekoration darf leer bleiben. Links sollten verständlich sein, ohne den Satz davor zu lesen. „Mehr erfahren" ist schwächer als „Leistungen für Malerbetriebe ansehen". Gerade kleine Websites gewinnen viel, wenn Struktur und Sprache eindeutig sind.

Wie barrierefrei sind Formulare und Kontaktwege?

Kontaktformulare sind oft der Punkt, an dem Anfragen verloren gehen. Jedes Feld braucht ein sichtbares Label, nicht nur Platzhaltertext. Fehlermeldungen müssen konkret sagen, was fehlt. Pflichtfelder sollten klar markiert sein. Telefonnummern und E-Mail-Adressen sollten antippbar sein, besonders mobil.

Fragen Sie nur ab, was wirklich nötig ist. Ein Angebotsformular mit zehn Pflichtfeldern kann professionell wirken, kostet aber Abschlüsse. Für viele Betriebe reichen Name, Kontaktweg, kurze Nachricht und optional Datei-Upload. Wer Terminbuchung anbietet, sollte auch Stornoregeln, Datenschutz und Bestätigung verständlich darstellen. Das ist Barrierefreiheit und Conversion zugleich.

Was tun, wenn der Schnellcheck Probleme zeigt?

Notieren Sie die Probleme nach Wirkung: Erst alles beheben, was Kontakt verhindert — Menü, Buttons, Formular, Telefon. Danach kommen Lesbarkeit, Struktur, Bilder und Inhalte. Viele Korrekturen sind klein: Kontrast erhöhen, Fokus-Stil wieder einschalten, Alt-Texte ergänzen, Formularlabels sauber setzen, PDF-Inhalte als HTML-Seite anbieten.

Wenn die Website technisch alt ist oder ein Baukasten wichtige Anpassungen blockiert, kann ein Relaunch günstiger sein als Flickwerk. Bei bezahlbare-webseite.de starten Websites im Abo ab 79 Euro monatlich; für Betriebe mit mehr Inhalten, SEO oder Buchung sind Business ab 149 Euro und passende Add-ons wie SEO ab 69 Euro oder Buchung ab 149 Euro realistisch. Wichtig ist: Barrierefreiheit nicht als Extra am Ende sehen, sondern als Qualitätsstandard beim Aufbau.