Zum Hauptinhalt springen

Expertise: Barrierefreiheit

Barrierefreie Websites nach BITV und WCAG

Digitale Barrierefreiheit ist keine optionale Zusatzleistung – sie ist rechtliche Pflicht und Qualitätsmerkmal zugleich. Wir entwickeln und betreuen Websites, die für alle Nutzerinnen und Nutzer vollständig zugänglich und bedienbar sind, unabhängig von individuellen Einschränkungen oder verwendeten Hilfstechnologien.

BITV, WCAG und das Barrierefreiheitsstärkungsgesetz

Die rechtlichen Anforderungen an digitale Barrierefreiheit sind in den vergangenen Jahren deutlich gewachsen. Für Bundesbehörden gilt die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0), für Landesbehörden jeweils die entsprechenden Landesvorschriften. Das Barrierefreiheitsstärkungsgesetz (BFSG), das seit dem 28. Juni 2025 für Wirtschaftsakteure gilt, verpflichtet Unternehmen, die bestimmte Produkte und Dienstleistungen anbieten – etwa E-Commerce, Banking oder Personenverkehr – zur Einhaltung der Barrierefreiheitsanforderungen. Kleinstunternehmen sind ausgenommen. Wir berücksichtigen diese Anforderungen von Beginn an – in Konzeption, Design und Entwicklung.

Barrierefreies Design und Strukturprinzipien

Zugänglichkeit beginnt im Konzept.

Barrierefreiheit entsteht nicht durch nachträgliche Korrekturen, sondern durch bewusste Entscheidungen in Konzeption und Design. Wir entwickeln logische, konsistente Seitenstrukturen mit korrekter Überschriftenhierarchie, eindeutigen Linktexten, ausreichenden Kontrastverhältnissen und verständlicher Sprache. Rein dekorative Elemente ohne informativen Mehrwert werden konsequent als solche gekennzeichnet.

  • Barrierefreies Interface-Design nach aktuell gültiger WCAG
  • BITV-konforme Konzeption und Umsetzung
  • Logische Seitenstruktur und korrekte Überschriftenhierarchie (H1–H6)
  • Mindestkontrastverhältnisse 4,5:1 für Text, 3:1 für grafische Elemente
  • Eindeutige Linktexte und aussagekräftige Alt-Attribute

Tastatur- und Screenreader-Zugänglichkeit

Vollständig bedienbar – ohne Maus.

Alle interaktiven Elemente – Navigation, Formulare, Dialoge, Buttons – sind vollständig per Tastatur bedienbar. Wir sorgen für eine sichtbare, logische Fokus-Reihenfolge, verhindern Tastaturfallen und setzen sinnvolle Skip-Links zur Navigation. Für dynamische Inhalte und interaktive Komponenten werden ARIA-Rollen und -Attribute eingesetzt, wo semantisches HTML allein nicht ausreicht.

  • Vollständige Tastaturbedienbarkeit aller interaktiven Elemente
  • Sichtbare und logische Fokus-Reihenfolge
  • ARIA-Attribute für dynamische Inhalte
  • Keine Tastaturfallen (Keyboard Traps)
  • Semantisch korrektes HTML5 als Basis

Barrierefreie Formulare und Inhaltstypen

Jede Interaktion zugänglich gestalten.

Formulare sind einer der häufigsten Schwachpunkte in der Barrierefreiheit. Wir gestalten Formulare mit eindeutigen Beschriftungen, verständlichen Fehlermeldungen und klaren Aria-Labels. Für voraufgezeichnete Audio- und Videoinhalte werden Untertitel und Transkripte bereitgestellt, sofern solche Medieninhalte eingesetzt werden. Bilder mit informativen Inhalten erhalten aussagekräftige Alternativtexte.

  • Barrierefreie Formulargestaltung nach aktuell gültiger WCAG
  • Eindeutige Labels und Aria-Labels für alle Formularfelder
  • Verständliche Fehlermeldungen und Hinweistexte
  • Alternativtexte für informationstragende Bilder und Grafiken
  • Leere Alt-Attribute für rein dekorative Bilder

Barrierefreiheitsprüfung – automatisiert und manuell

Kombinierte Prüfmethoden für vollständige Abdeckung.

Automatisierte Tools wie WAVE, axe DevTools oder Lighthouse erkennen einen erheblichen Teil der Barrierefreiheitsprobleme – aber nicht alle. Wir kombinieren automatisierte Scans mit manuellen Prüfungen durch geschulte Fachkräfte, um auch jene Barrieren zu identifizieren, die kein Tool erkennt. Identifizierte Probleme werden nach Schweregrad dokumentiert und priorisiert behoben.

  • Barrierefreiheitsprüfung Website – automatisiert und manuell
  • Einsatz von WAVE, axe DevTools und Lighthouse
  • Code-Reviews mit Fokus auf semantische Korrektheit
  • Dokumentation identifizierter Barrieren mit Schweregradbewertung
  • Schulung von Redakteurinnen und Redakteuren zur barrierefreien Content-Erstellung

Laufende Barrierefreiheit im Betrieb

Barrierefreiheit als kontinuierliche Aufgabe.

Barrierefreiheit endet nicht mit dem Launch. Im Rahmen unserer SLA-Betreuung führen wir quartalsweise automatisierte Accessibility-Scans durch, prüfen nach jedem System-Update auf neue Barrieren und reagieren bei kritischen Problemen innerhalb definierter Zeitrahmen. Wir pflegen ein Accessibility-Statement gemäß EU-Richtlinie 2016/2102 und dokumentieren bekannte Barrieren und geplante Abhilfemaßnahmen.

  • WCAG-Umsetzung als kontinuierliche Aufgabe im laufenden Betrieb
  • Quartalsweise Accessibility-Scans der gesamten Website
  • Accessibility-Check vor und nach System-Updates
  • Reaktionszeiten bei Barrierefreiheitsproblemen nach Schweregrad
  • Pflege des Accessibility-Statements nach EU-Richtlinie 2016/2102

Ihre Website muss barrierefrei sein – oder soll es werden?

Wir prüfen, konzipieren und setzen Barrierefreiheit nach BITV und WCAG um.

Planen Sie ein Plattformprojekt oder möchten ein bestehendes System weiterentwickeln?

Sprechen Sie direkt mit uns.

Direkt anrufen

+49 (0)69 801082 10
oder

E-Mail schreiben

info@4fb.de