BFSG-konforme Websites entwickeln
Die digitale Barrierefreiheit wird für Unternehmen in Deutschland immer wichtiger. Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. Viele Websites müssen nun barrierefrei sein und die WCAG 2.1 Standards erfüllen. Ihr fragt euch, ob eure Website barrierefrei ist und wie ihr das BFSG umsetzen könnt? Wir helfen euch dabei, eure Website barrierefrei zu machen. Von der ersten Analyse bis zur vollständigen WCAG-konformen Umsetzung.
Als nachhaltige Digitalagentur aus Köln entwickeln wir barrierefreie Websites mit Herz, Verstand und über 25 Jahren Erfahrung."
Hier gibt es die wichtigsten Informationen rund um Gesetze und Umsetzung
Ihr wollt selbst einmal testen, wie die Seite für jemanden mit Rot/Grün-Schwäche aussieht? Ihr möchtet den Text vergrößern oder Kontraste setzen? Ihr braucht einen größeren Zeiger oder eine andere Sättigung? Ihr möchtet die Website nur mit der Tastatur navigieren? Einfach rechts in der Toolbar das Icon auswählen und eintauchen in die Welt der barrierefreien Websites.
So können Websites individuell an die Bedürfnisse der jeweiligen User:innen angepasst werden.
Zielgruppe erweitern und Umsatz steigern
Stellt euch vor: Jede:r 10. in Deutschland hat eine Behinderung. Das sind 7,8 Millionen Menschen! Und viele von ihnen können eure Website nicht nutzen, weil Barrieren sie daran hindern. Das ist nicht nur unfair. Es kostet euch auch Kund:innen und Umsatz.
Wer Barrierefreiheit erhöht, kann also eine große Gruppe an potentiellen Kund:innen und Umsatzpotenzial zusätzlich ansprechen. Mit unserer Expertise in UX-Design und TYPO3-Entwicklung erstellen wir barrierefreie Websites, die eure Zielgruppe erweitern.
Gesetzeskonform handeln
Seit dem 28. Juni 2025 müssen nach EU-Richtlinie Websites barrierefrei sein. Im ersten Schritt werden nur bestimmte Unternehmen betroffen sein, nach und nach wird die Regelung aber sicherlich ausgeweitet.
Um potenziellen Strafen zu entgehen, lohnt es sich frühzeitig die Website beziehungsweise den Webshop zu analysieren und den Grad der Barrierefreiheit nach und nach zu verbessern.
Unser Eye-Able Plugin
Rechts auf dieser Seite sehen Sie unsere Eye-Able Toolbar: ein innovatives Accessibility-Plugin, welches wir selbst nutzen und empfehlen. Mit Eye-Able können deine Website-Besucher:innen die Darstellung individuell anpassen:
- Vergrößerung des Textes
- Kontrast-Anpassungen
- Simulation von Farbsehschwächen
- Nur-Tastatur-Navigation testen
- Vorlesefunktion aktivieren
Probiere es jetzt aus! Klick rechts oben auf das Accessibility-Icon und erlebe wie Barrierefreiheit funktioniert.
Mehr über Eye-Able erfahren!
Wir installieren Eye-Able auf deiner Website als zusätzliches Tool für Nutzer:innen.
Kontaktiere uns für ein individuelles Angebot!
Kostenloses Angebot sichern
Bessere SEO-Perfomance
Auch Google hat reagiert und macht Barrierefreiheit zum Teil seiner Mission: “Organize the world's information and make it universally accessible and useful”.
Denn wenn Nutzerfreundlichkeit und Barrierefreiheit Hand in Hand gehen, profitieren alle davon.
Webentwicklerin
bei dotfly.
"Es ist für mich zum Herzensprojekt geworden, das Internet Stück für Stück inklusiver und für alle Menschen zugängig zu machen. Als Frontend Entwicklerin arbeite ich daran unsere Kund:innen dahingehend zu beraten."
Was bedeutet das Barrierefreiheitsstärkungsgesetz (BFSG)?
Das Barrierefreiheitsstärkungsgesetz (kurz: BFSG) fördert die gleichberechtigte und diskriminierungsfreie Teilhabe von Menschen mit Beeinträchtigungen oder Einschränkungen sowie älteren Menschen. Mit dem BFSG wird die EU-Richtlinie zur Barrierefreiheit (European Accessibility Act, kurz: EAA) umgesetzt.
Das Gesetz wurde am 22. Juli 2021 veröffentlich und trat am 28. Juni 2025 in Kraft.
stellvertretende Vorsitzende
Blindenverein Köln e.V.
„Ich bin froh und dankbar, dass sich dotfly. so stark mit dem Thema auseinandersetzt. Für blinde Menschen wie mich ist es so wichtig, dass mehr Menschen nicht nur darüber reden, sondern auch endlich handeln.“
Unsere Expertise
Bei dotfly. sprechen wir nicht nur über Barrierefreiheit. Wir leben sie. Deshalb teilen wir unser Wissen aktiv mit der Community:
Webinare & Vorträge
Wir haben bei renommierten Organisationen Webinare gehalten und Vorträge über digitale Barrierefreiheit gegeben:
→"Digitale Barrierefreiheit: Mehr Reichweite durch inklusive Webauftritte"
Webinar beim BNW Bundesverband Nachhaltige Wirtschaft e.V.
Zum Webinar
Gastbeiträge & Publikationen
Unsere Expert:innen publizieren regelmäßig zu Themen rund um nachhaltige und barrierefreie Websites:
→ "Nachhaltige Websites: Der Schlüssel zu digitaler Verantwortung"
Gastbeitrag beim BNW Bundesverband
Zum Artikel
→ "Nachhaltiges Website-Tracking: Wie dotfly. Datenschutz und Performance vereint"
Gastbeitrag bei etracker
Zum Artikel
Wissen Teilen
Wir glauben: Echte Expertise zeigt sich im Teilen von Wissen. Deshalb engagieren wir uns aktiv in der Community und helfen anderen Unternehmen, ihre digitalen Angebote inklusiver zu gestalten.
Was sind die WCAG (Web Content Accessibility Guidelines)?
Die Web Content Accessibility Guidelines (kurz: WCAG 2.1) sind der internationale Standard für barrierefreie Websites. Sie geben konkrete Anleitungen, wie Webdesign für Menschen mit Behinderungen zugänglich wird. Denkt an sie wie ein Kochrezept: Schritt für Schritt zur perfekten Accessibility
Die wichtigsten Arten von Beeinträchtigung haben wir hier zusammengefasst:
- Sehbeeinträchtigung und Blindheit
- Hörbeeinträchtigung und Gehörlosigkeit
- Motorische Beeinträchtigungen
- Kognitive Beeinträchtigungen und Lernbehinderungen
- Photosensibilität
- Mehrfachbeeinträchtigungen
Wahrnehmbarkeit, Verständlichkeit, Bedienbarkeit und Robustheit
So lauten die vier Prinzipien der Barrierefreiheit.
- Wahrnehmbarkeit in der Barrierefreiheit betont, Informationen für alle Sinneskanäle zugänglich zu machen, zum Beispiel mit Text Alternativen oder Unterscheidbarkeit.
- Bedienbarkeit bedeutet: Eure Website muss auch ohne Maus bedienbar sein. Zum Beispiel navigiert ein Mensch mit motorischen Einschränkungen nur mit der Tab-Taste durch eure Seite. Funktioniert das? Probiert es aus: drückt mal Tab auf dieser Seite!
- Verständlichkeit ist essenziell, erfordert klare Sprache und Vorhersehbarkeit.
- Robustheit beinhaltet die Konformität mit Standards für reibungslose Interaktion mit verschiedenen Benutzeragenten (Webbrowsern) und assistiven Technologien (Screenreader).
Barrierefreie Websites in der Praxis
Corporate Website mit Lighthouse Score 99/100
Die GLS Bank ist Deutschlands erste sozial-ökologische Universalbank. Für sie haben wir eine Corporate Website entwickelt, die nicht nur visuell überzeugt, sondern auch technisch exzellent ist.
Highlights:
- Lighthouse Score: 99/100 (Performance)
- WCAG 2.1 Level AA konform
- Vollständige Tastaturnavigation
- Optimierte Kontraste und Schriftgrößen
- Semantisches HTML für Screenreader
Barrierefreie Karriereplattform
HR Pioneers ist eine innovative Recruiting-Plattform. Für sie haben wir eine Website entwickelt, die allen Menschen den Zugang zu Karrierechancen ermöglicht.
Highlights:
- Barrierefrie Job-Suche und Bewerbungsformulare
- Optimiert für Screenreader
- mobile-First-Ansatz
- DSGVO-konforme Datenverarbeitung
Barrierefreier Website-Relaunch
Wir haben bereits im Jahre 2021 die Seite von KOFA (Kompetenzzentrum Fachkräftesicherung) barrierearm gestaltet. Hier wurden wir mit einem Relaunch betraut, der User:innen die Orientierung erleichtern sollte. Es wurden gewachsene Strukturen aufgebrochen und die Navigation komplett neu konzipiert
Highlights:
- vollständige Tastaturnavigation
- Screenreader-optimierte Bildsprache
- Klare Struktur für bessere Orientierung
dotfly. als Partner für barrierefreie Websites
Sowohl für ein erstes Audit der Website oder des Onlineshops als auch bei der kompletten Umsetzung von barrierefreiem Webdesign sind wir der richtige Partner. Mit Erfahrung, Verstand und Herzblut.
Jetzt einen unverbindlichen Termin vereinbaren!
Die 7 häufigsten Barrieren auf Websites und wie wir sie lösen
In unseren Audits stoßen wir immer wieder auf dieselben Probleme. Die gute Nachricht: Fast alle sind behebbar!
1. Fehlende Alt-Texte für Bilder (80% der Websites)
- Problem: Screenreader können Bilder ohne Alt-Text nicht vorlesen.
- Lösung: Wir erstellen aussagekräftige Alt-Texte für alle Bilder und schulen dein Team.
2. Zu geringe Kontraste (70% der Websites)
- Problem: Menschen mit Sehschwäche können Texte nicht lesen.
- Lösung: Wir optimieren Farbkontraste nach WCAG 2.1 (mindestens 4,5:1 für normalen Text).
3. Keine Tastaturnavigation (60% der Websites)
- Problem: Menschen mit motorischen Einschränkungen können die Website nicht bedienen.
- Lösung: Wir implementieren vollständige Tab-Navigation mit sichtbaren Fokus-Indikatoren.
4. Nicht-beschriftete Formularfelder (55%)
- Problem: Screenreader wissen nicht, was in ein Feld eingetragen werden soll.
- Lösung: Wir fügen semantische <label>-Tags und ARIA- Beschreibungen hinzu.
5. Komplexe Sprache ohne Erklärungen (50%)
- Problem: Menschen mit kognitiven Einschränkungen verstehen Fachsprache nicht.
- Lösung: Wir vereinfachen Texte und fügen Erklärungen hinzu (Flesch Reading Ease 60+).
6. Videos ohne Untertitel (45%)
- Problem: Gehörlose Menschen können Audio-Inhalte nicht verstehen.
- Lösung: Wir erstellen Untertitel (Captions) und Transkripte für alle Videos.
7. Nicht-semantisches HTML (40%)
- Problem: Screenreader können die Struktur nicht verstehen.
- Lösung: Wir nutzen semantische HTML5-Tags (<header>, <nav>, <main>, <article>, etc.).
Wie viele dieser Barrieren hat deine Website?
Finde es heraus mit unserem kostenlosen Quick-Check!
Barrierefreie Website: Häufige Fragen unserer Kund:innen
Mehr spannende Infos zur Barrierefreiheit:
Ähnliche Themen