Was ist Barrierefreiheit im Web?
Eine Website ist barrierefrei, wenn sie von möglichst vielen Menschen genutzt werden kann — auch wenn sie nicht der „Durchschnitts-Nutzer" sind. Einige Alltagsbeispiele:
- Jemand sieht schlecht → ausreichende Schriftgröße und genug Farbkontrast.
- Jemand bedient den Rechner nur mit der Tastatur → alle Funktionen müssen ohne Maus erreichbar sein, der Fokus muss sichtbar sein.
- Jemand nutzt einen Screenreader (z.B. wegen Blindheit) → Bilder brauchen Beschriftungen, Strukturen brauchen klare HTML-Auszeichnung.
- Jemand hat eine Farb-Schwäche → Information darf nicht NUR über Farbe vermittelt werden (z.B. „der rote Button" funktioniert nicht).
- Jemand zoomt stark in die Seite hinein (200 %) → das Layout darf nicht brechen, Texte müssen lesbar bleiben.
Die offizielle technische Grundlage heißt WCAG (Web Content Accessibility Guidelines). WCAG 2.2 ist seit Oktober 2023 W3C-Recommendation (Update Dezember 2024). Die rechtlich maßgebliche EN 301 549 referenziert in der aktuellen Fassung weiterhin WCAG 2.1 AA — eine Aktualisierung auf 2.2 ist in der CEN/CENELEC-Pipeline. Die Stufe AAA ist freiwillig und wird vom WCAG-Gremium selbst nicht als flächendeckende Pflicht empfohlen.
Faustregel — ist Ihre Website überhaupt pflichtig?
Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Es setzt die EU-Richtlinie European Accessibility Act (EAA) in deutsches Recht um. Für Websites am wichtigsten: Dienstleistungen für Verbraucher (B2C) — daneben erfasst das Gesetz auch bestimmte Produkte. Wer was anbietet und in welcher Größe, entscheidet über die Pflicht.
Wenn Sie online verkaufen oder vermitteln
- Online-Shop für Verbraucher
- Online-Terminbuchung
- Banken, Online-Banking
- Personenbeförderung (Luft-, Bus-, Bahn-, Schiffsverkehr — überregional)
- Telekommunikations-Anbieter
- E-Book-Anbieter
- Öffentliche Stellen (eigene Pflicht über BGG/BITV — unabhängig vom BFSG)
Wenn Sie nur informieren oder B2B
- Visitenkarte ohne Vertragsabschluss
- Vereinsseite ohne kommerzielle Tätigkeit
- B2B-Websites (Geltung ist B2C)
- Kleinstunternehmen unter 10 Beschäftigten UND ≤ 2 Mio. € Umsatz/Bilanzsumme — bei Dienstleistungen
- Praxis-Website ohne Online-Buchung / Online-Formular
Diese Karten sind eine Faustregel, keine Rechtsberatung. Es gibt Grauzonen — eine Arztpraxis ohne Online-Termin ist eher außen vor, eine mit Online-Buchungsmodul kann pflichtig werden. In Zweifelsfällen empfehle ich eine anwaltliche Erstprüfung.
Was ich handwerklich liefere
Ich baue grundsätzlich so, dass die wichtigsten Barrierefreiheits-Aspekte abgedeckt sind. Das ist keine Marketing-Spielerei, sondern Teil sauberer Web-Entwicklung. Konkret:
- Semantisches HTML5 — korrekte Landmarks (nav, main, footer), sinnvolle Heading-Hierarchie ohne Sprünge.
- Ausreichende Farbkontraste — Text mindestens 4,5:1, große Schrift und UI-Elemente 3:1 (orientiert an WCAG 2.1 AA).
- Tastatur-Navigation — alle interaktiven Elemente per Tab erreichbar, logische Reihenfolge, keine Tastatur-Falle.
- Sichtbarer Fokus-Indikator — wer mit Tastatur navigiert, sieht immer, wo er gerade ist.
- Alt-Texte für Bilder — inhaltliche Bilder bekommen beschreibende Alt-Texte, reine Deko-Bilder leere Alt-Attribute.
- Beschriftete Formularfelder — jedes Eingabefeld hat ein zugeordnetes Label, Fehlermeldungen sind verständlich.
- Responsiv bis 200 % Zoom — Layout bricht nicht, Texte bleiben lesbar.
- Respekt für
prefers-reduced-motion— Animationen werden bei Nutzer-Präferenz deaktiviert. - Sparsame ARIA-Attribute — Grundsatz: kein ARIA ist besser als falsches ARIA. Nur dort, wo HTML allein nicht reicht.
- Audit-Werkzeuge — Lighthouse (Chromes Web-Audit) läuft während der Entwicklung.
Die Hauptseite mirco.dev erreicht regelmäßig einen Lighthouse-Accessibility-Score von über 98 von 100 — wo Punkte fehlen, gehen sie auf bewusste Editorial-Entscheidungen zurück. Auf Kundenprojekten ohne diese Eigenheiten ist ein hoher Wert das Ziel; wie hoch er ausfällt, hängt vom gewählten Stack (also: der technischen Basis Ihrer Website — siehe Bauweise →) und vom verfügbaren Budget ab. Ob das im Einzelfall für eine rechtsverbindliche Konformitätserklärung reicht, ist eine separate Frage (siehe unten).
Was ich NICHT liefere
- Rechtsverbindliche Konformitätsbewertung nach BFSG — die Bewertung „diese Website erfüllt die Anforderungen" ist eine juristische Aussage, keine technische.
- BITV-Test / BIK-Test — der etablierte Konformitätstest wird von anerkannten Prüfstellen des BIK-Prüfverbunds durchgeführt, nicht von Einzel-Entwicklern.
- Rechtsberatung zum Anwendungsbereich — ob das BFSG bei Ihnen greift, ob die Kleinstunternehmen-Ausnahme zieht, ob eine bestimmte Funktion „elektronischer Geschäftsverkehr" ist: das ist anwaltliche Auslegung.
- AAA-Konformitäts-Zertifizierung — wenn jemand Stufe AAA fordert (selten, sehr hoch), braucht es Spezial-Audits.
- Pauschale Garantie, dass Ihre Website 100 % rechtssicher ist — selbst beste handwerkliche Arbeit kann das nicht ablösen.
Wenn Sie eine rechtsverbindliche Bewertung brauchen — etwa weil Sie BFSG-pflichtig sind, weil ein öffentlicher Auftrag das verlangt oder weil Sie Abmahn-Risiko fürchten — empfehle ich eine anerkannte BITV-Test-Prüfstelle in Kombination mit anwaltlicher Begleitung. Eine handwerkliche Vorab-Prüfung mit Schwachstellen-Dokumentation kann ich auf Wunsch leisten, die rechtsverbindliche Aussage liegt aber bei den Fachleuten.
Die Verantwortung für die Konformität Ihrer Website liegt bei Ihnen. Ich liefere ein sauberes Fundament; die rechtliche Bewertung und Pflicht-Erklärungen (etwa eine Erklärung zur Barrierefreiheit auf Ihrer Website) sind Aufgabe von Ihnen mit fachlicher Unterstützung.
SEO und Barrierefreiheit — Mythos und Fakt
„Bringt Barrierefreiheit SEO-Vorteile?" — die Antwort ist nuanciert und wird gerne überverkauft.
Fakt: Google bestätigt keinen direkten Ranking-Faktor für Barrierefreiheit. Wer „Accessibility = SEO-Boost" als plumpe Marketing-Aussage liest, sollte vorsichtig sein — das ist nicht belegt.
Was stimmt: Viele Maßnahmen für Barrierefreiheit decken sich mit dem, was Google für Crawling und Core Web Vitals belohnt — semantisches HTML, klare Heading-Struktur, beschriftete Bilder, gute Mobiltauglichkeit, schnelle Performance. Es ist eine Schnittmenge, kein direkter Hebel. Barrierefreie Websites haben oft auch besseres SEO — weil dieselben Best Practices wirken.
Mit anderen Worten: Ich baue für Menschen, nicht für Suchmaschinen. Genau das belohnen die Suchmaschinen.
Externe Quellen
Drei behördliche und amtliche Quellen für Vertiefung — alle aktuell und langlebig. Wenn die Rechtslage sich entwickelt, finden Sie dort den aktuellen Stand.
Greift das bei Ihrem Projekt?
Erzählen Sie mir, was Sie vorhaben — ich sage Ihnen meine handwerkliche Einschätzung, wo Ihr Projekt in der Faustregel oben landet und was das technisch bedeutet. Ob das BFSG rechtlich greift, klärt im Zweifel ein Anwalt; die handwerkliche Vorab-Klarheit gebe ich gerne. Kostenlos und unverbindlich.
Kostenloses ErstgesprächStand: Frühsommer 2026. Das BFSG ist seit dem 28. Juni 2025 in Kraft; Auslegungspraxis und Rechtsprechung entwickeln sich noch. Diese Seite ist eine handwerklich-praktische Übersicht, keine Rechtsberatung. Für rechtsverbindliche Auskünfte ist anwaltliche Prüfung im Einzelfall erforderlich. Verweise auf Gesetze, Normen (WCAG-Versionen, EN 301 549) und Schwellenwerte können sich ändern — im Zweifel die genannten behördlichen Quellen oder einen Fachanwalt konsultieren. Ich übernehme keine Haftung für die rechtliche Bewertung Ihrer konkreten Situation.