Barrierefreie Webseiten Ohne Rechtliche Risiken
Barrierefreie Webseiten sind für viele Online-Shops, Buchungsplattformen und B2C-Webangebote keine Kür mehr: Das Barrierefreiheitsstärkungsgesetz verpflichtet Unternehmen, digitale Dienstleistungen im elektronischen Geschäftsverkehr barrierefrei gestaltet anzubieten. LikeMeASAP entwickelt BFSG-konforme Websites nach EN 301 549 und WCAG, damit Ihre Nutzer Ihre Inhalte ohne Barrieren erreichen und Sie rechtliche Risiken reduzieren.
Endlich ein Webdesign-Service, der für BFSG-pflichtige Unternehmen entwickelt wurde
Das Barrierefreiheitsstärkungsgesetz (BFSG) tritt am 28. Juni 2025 in Kraft und verpflichtet Unternehmen zur barrierefreien Gestaltung von Webseiten, die Dienstleistungen im elektronischen Geschäftsverkehr anbieten. Das BFSG gilt für Webseiten, die B2C-E-Commerce-Angebote bereitstellen, wie Online-Shops oder Buchungsplattformen, und schließt Kleinstunternehmen von den Anforderungen aus.
Wenn Sie einen Online Shop, Webshops, Apps oder andere digitale Angebote für Verbraucher und Verbraucherinnen betreiben, reicht ein schönes Design nicht mehr aus. Webseiten müssen so gestaltet werden, dass sie für Menschen mit Behinderungen ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar sind.
Die Herausforderung: Die Regelungen rund um BFSG, European Accessibility Act, EN 301 549, WCAG, BITV-Test, Barrierefreiheitserklärung und technische Umsetzung sind komplex. Viele Webseitenbetreiber wissen nicht, welche Seiten, Produkte, Anwendungen, Inhalte, Zahlungsfunktionen oder Formulare betroffen sind. Gleichzeitig ist das Nachrüsten oft teurer als eine saubere Erstellung von Anfang an.
LikeMeASAP verbindet barrierefreies Webdesign mit technischer Umsetzung, SEO-Erfahrung und klarer Anleitung. Wir erstellen barrierefreie Websites nach der Norm EN 301 549, prüfen Barrierefreiheitsanforderungen in der Praxis und sorgen dafür, dass Ihr Webauftritt nicht nur rechtlich besser abgesichert ist, sondern auch für mehr Menschen verständlich, nutzbar und auffindbar wird.
Warum unsere barrierefreie Webentwicklung funktioniert
Das macht unseren Ansatz anders als eine schnelle Plugin-Lösung oder eine rein optische Überarbeitung:
WCAG 2.1 Level AA von Anfang an integriert – Die Web Content Accessibility Guidelines (WCAG) und die europäische Norm EN 301 549 bilden die Grundlage für die barrierefreie Gestaltung von Webseiten. Die Barrierefreiheitsanforderungen des BFSG orientieren sich an den Web Content Accessibility Guidelines (WCAG) und der harmonisierten Europäischen Norm EN 301 549.
Vier Prinzipien statt Einzellösungen – Die vier Prinzipien der Barrierefreiheit, die in den Web Content Accessibility Guidelines (WCAG) und der europäischen Norm EN 301 549 verankert sind, sind: wahrnehmbar, bedienbar, verständlich und robust. Die Umsetzung von Barrierefreiheit auf Webseiten kann durch die Anwendung der POUR-Prinzipien (Perceptible, Operable, Understandable, Robust) erfolgen, die sicherstellen, dass Inhalte für alle Nutzer zugänglich sind.
15 Jahre SEO-Erfahrung für bessere Sichtbarkeit – Barrierefreiheit und Benutzerfreundlichkeit verbessern das Erlebnis für alle Nutzer. Barrierefreiheit verbessert die Benutzererfahrung für alle Nutzer, da klar gegliederte und verständlich geschriebene Inhalte die Navigation erleichtern.
Technische Details, die wirklich zählen – Wichtige Merkmale barrierefreier Webseiten sind ein sauberer HTML-Code, der Screenreader und andere Hilfsmittel optimal unterstützt. Eingabefelder müssen eindeutig und korrekt beschriftet sein, um die Bedienbarkeit zu gewährleisten.
Rechtssichere Dokumentation ohne Überraschungen – Wir erstellen die Erklärung zur Barrierefreiheit, dokumentieren die Bewertung Ihrer Webangebote und zeigen transparent, welche Anforderungen erfüllt sind, welche Gründe für Ausnahmen bestehen und welche nächsten Termine relevant sind.
Anstatt Sie mit unklaren Tools, versteckten Nachbesserungskosten und widersprüchlichen Infos allein zu lassen, bieten wir einen strukturierten Weg zu digitaler Barrierefreiheit, besseren Kontrasten, klarer Sprache und belastbarer BFSG-Umsetzung.
Full-Service Webdesign
aus einer Hand
Von der Konzeption über Design und Entwicklung bis zur laufenden Wartung – wir decken den gesamten Lebenszyklus Ihrer Website ab.
Durchdachte Layouts, die Besucher zielgerichtet durch Ihre Website führen – mit strategisch platzierten CTAs für maximale Conversion.
Wireframes & PrototypenPräzise Produktfilter, optimierter Checkout-Prozess und Shop-SEO für mehr organischen Traffic und höhere Conversion-Rates.
E-CommerceIndividuelle WordPress-Websites mit modernen Frameworks, Microinteractions und Ladezeiten unter 2 Sekunden.
CMS & PerformanceRelaunch mit begleitendem Linkbuilding, präzisen 301-Weiterleitungen und Disavow toxischer Links – ohne Ranking-Verluste.
Ranking-SicherungTechnisches SEO, Core Web Vitals, Mobile-First und OnPage-Optimierung sind von Anfang an in jedes Webprojekt integriert.
SEO ab Tag 1Regelmäßige Backups, Updates, DSGVO-Konformität und technische Sicherheit – damit Ihre Website fehlerfrei läuft.
DSGVO & SicherheitWas uns von anderen Webagenturen unterscheidet
Die meisten Anbieter konzentrieren sich auf Design, Plugins oder einzelne technische Korrekturen. Wir konzentrieren uns auf eine belastbare Umsetzung, die Recht, Technik, SEO und Nutzererlebnis zusammenbringt.
SEO und Barrierefreiheit aus einer Hand – LikeMeASAP bringt 15 Jahre SEO-Erfahrung in barrierefreie Websites ein. Saubere HTML-Strukturen, verständliche Inhalte, sinnvolle Bildbeschreibungen und gute Ladezeiten helfen Menschen mit Behinderung, Nutzern ohne Behinderung und Suchmaschinen gleichermaßen.
WordPress-Spezialisierung mit barrierefreien Premium-Themes – Wir wählen Themes, Plugins und Templates so aus, dass sie barrierefrei gestaltet werden können. Gerade bei WordPress entstehen Barrieren oft durch unkontrollierte Erweiterungen, Hover-Menüs, nicht beschriftete Buttons oder unklare Formularfelder. Unsere WordPress Agentur kennt diese Fallstricke alle.
Transparente Preise statt späterer Nachbesserungen – Viele Angebote wirken günstig, bis Accessibility-Tests, Dokumentation, Kontraste, Tastaturbedienung, Screenreader-Kompatibilität oder die Erklärung zur Barrierefreiheit separat berechnet werden. Bei uns wissen Sie vor Projektstart, welche Leistungen enthalten sind.
Barrierefreies Webdesign ermöglicht es Menschen mit Behinderungen, digitale Inhalte ohne Einschränkungen zu nutzen, was die Teilhabe am gesellschaftlichen Leben fördert. Laut einer Untersuchung leben in Deutschland 7,8 Millionen Menschen mit einer anerkannten Schwerbehinderung, was zeigt, dass barrierefreie Websites eine größere Zielgruppe erreichen können.
Wenn andere nur ein Overlay installieren, prüfen wir die Grundlagen.
Wenn andere nur auf Optik achten, denken wir an Nutzer, Verbraucher, Recht, SEO und langfristige Wartung.
So läuft Ihr barrierefreier Website-Aufbau ab
Ergebnisse entstehen nicht durch Rätselraten. Unser Prozess ist klar, prüfbar und auf Unternehmen im D-A-CH-Raum ausgelegt.
Schritt 1: BFSG-Konformitäts-Analyse
Wir starten mit einer kostenlosen Erstberatung und analysieren Ihre aktuelle Website, Ihren Online Shop oder Ihre Web-Anwendungen. Dabei prüfen wir, welche Seiten, Formulare, Inhalte, Buchungsstrecken, Login-Bereiche, Identifizierungsprozesse, Authentifizierungsmethoden, elektronischen Signaturen und Zahlungsfunktionen betroffen sind.
Die Barrierefreiheit umfasst Identifizierungs- und Authentifizierungsmethoden, elektronische Signaturen und Zahlungsfunktionen, die alle barrierefrei gestaltet werden müssen. Die WCAG Checkliste wird häufig herangezogen, um Konformitätsstufen zu überprüfen. Zusätzlich kann die Nutzung von kostenlosen Screenreadern wie NVDA helfen, Fehler in der Lesereihenfolge zu erkennen.
Schritt 2: Barrierefreie Umsetzung
Danach setzen wir die erforderlichen Anpassungen technisch um. Dazu gehören semantisches HTML, klare Überschriften, verständliche Navigation, robuste Formularlogik, sichtbare Fokuszustände, ausreichende Kontraste, passende Farben und eine Tastaturnavigation, die nicht nur theoretisch vorhanden ist.
Tastaturnavigation ist erforderlich, damit alle Inhalte und Funktionen über die Tastatur erreichbar sind. Eine Webseite sollte komplett per Tastatur bedienbar sein, was auch die Nutzung alternativer Eingabegeräte verbessert. Die Schriftgröße sollte ohne Qualitätsverlust um bis zu 200 % vergrößerbar sein. Das empfohlene Farbkontrastverhältnis für normalen Text liegt bei mindestens 4,5 : 1.
Ein hoher Farbkontrast macht Texte für Menschen mit Sehschwächen lesbar und verbessert die Nutzung der Webseite bei direkter Sonneneinstrahlung. Multimediale Inhalte benötigen Untertitel und idealerweise eine Audiodeskription. Beispiele für barrierefreie Gestaltung umfassen die Verwendung von Bildbeschreibungen für Bilder und Grafiken, Untertitel für Videos sowie die Bereitstellung von Texten in einfacher Sprache.
Schritt 3: Rechtssichere Dokumentation
Zum Abschluss erhalten Sie eine nachvollziehbare Dokumentation inklusive Erklärung zur Barrierefreiheit. Auf Wunsch begleiten wir die Vorbereitung auf einen BITV-Test oder eine externe Prüfung nach EN 301 549.
Die Architektur barrierefreier Webseiten stützt sich auf vier Hauptsäulen. Barrierefreies Webdesign sollte die vier Prinzipien Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit berücksichtigen, um allen Nutzern den Zugang zu ermöglichen. Eine intuitive Strukturierung mit klaren Hierarchien erleichtert das schnelle Erfassen von Inhalten. Klare Sprache und kurze, prägnante Sätze verbessern die Verständlichkeit auf Webseiten.
Kein unnötiger technischer Ballast. Keine unklare Verantwortung. Nur ein strukturierter Aufbau, der Barrieren reduziert und Ihre Website für Nutzer, Suchmaschinen und Prüfstellen besser verständlich macht.
Webdesign ohne SEO
ist wie ein Geschäft
ohne Schild
Über 70 % des DACH-Traffics erfolgen mobil. Google bestraft Seiten ohne optimierte Core Web Vitals. Eine selbstgebaute Seite aus dem Baukasten wird unter diesen Bedingungen kaum noch gefunden.
Das Barrierefreiheitsstärkungsgesetz (BFSG) wirft viele Fragen auf. Hier finden Sie Antworten auf die häufigsten Fragen zu WCAG 2.2, Kosten, Overlay-Tools, Bußgeldern und KI-Sichtbarkeit – präzise, praxisnah und ohne Fachjargon.
Häufige Fragen zu barrierefreien Webseiten und BFSG
Reicht ein Overlay-Tool wie AccessiBe oder UserWay für BFSG-Konformität?
Nein. Overlay-Tools nehmen nur oberflächliche, visuelle Anpassungen vor und lösen laut unabhängigen Studien nur 30–50 % der tatsächlichen Barrierefreiheitsprobleme. Sie können bestehende Screenreader sogar stören und schaffen keine echte WCAG-Konformität. Mehrere Accessibility-Experten und Behindertenverbände empfehlen ausdrücklich, Overlay-Tools zu deinstallieren. Echte BFSG-Konformität erfordert saubere Umsetzung im Code, im Design und in den Inhalten.
Gilt das BFSG auch für Kleinstunternehmen?
Kleinstunternehmen sind als Dienstleistungserbringer vom BFSG ausgenommen, wenn sie weniger als 10 Beschäftigte haben und entweder maximal 2 Mio. € Jahresumsatz oder maximal 2 Mio. € Jahresbilanzsumme aufweisen (§ 7 BFSG). Die Ausnahme gilt jedoch nicht für Produkthersteller – wer Hardware oder Software herstellt und in den Verkehr bringt, ist unabhängig von der Unternehmensgröße verpflichtet. Im Zweifel empfehlen wir eine rechtliche Prüfung.
Welche Bußgelder drohen bei BFSG-Verstößen?
Das BFSG sieht in § 33 Bußgelder von bis zu 100.000 € pro Verstoß vor. Die Durchsetzung erfolgt durch Marktüberwachungsbehörden der Länder. Zusätzlich können Verbraucher Beschwerden einreichen. Ob auch wettbewerbsrechtliche Abmahnungen durch Mitbewerber möglich sind, ist juristisch noch nicht abschließend geklärt – das Risiko besteht jedoch. Unternehmen, die nachweislich an der Umsetzung arbeiten und eine Barrierefreiheitserklärung veröffentlicht haben, stehen rechtlich deutlich besser da.
Was ist der Unterschied zwischen WCAG 2.1 und WCAG 2.2?
WCAG 2.2 (veröffentlicht Oktober 2023) erweitert WCAG 2.1 um 9 neue Erfolgskriterien, darunter: 2.4.11 (Fokus nicht verdeckt), 2.4.12 (Fokus nicht verdeckt – erweitert), 2.4.13 (Fokus-Erscheinungsbild), 2.5.7 (Ziehbewegungen), 2.5.8 (Zielgröße Minimum), 3.2.6 (Konsistente Hilfe), 3.3.7 (Redundante Eingabe), 3.3.8 (Zugängliche Authentifizierung). Das BFSG verweist auf EN 301 549, die WCAG 2.1 AA als Mindeststandard definiert. LikeMeASAP implementiert bereits WCAG 2.2 als aktuellen Stand der Technik.
Müssen auch PDF-Dokumente barrierefrei sein?
Ja, wenn PDFs Teil einer BFSG-pflichtigen Dienstleistung sind – z.B. Produktkataloge in Online-Shops, Vertragsunterlagen, Formulare oder Rechnungen. Der Standard für barrierefreie PDFs ist PDF/UA (ISO 14289). Prüftools sind PAC 2024 (kostenlos) und Adobe Acrobat Pro. Häufige Fehler: fehlende Tags, keine Lesereihenfolge, fehlende Alt-Texte für Bilder in PDFs. LikeMeASAP erstellt und remediert barrierefreie PDFs auf Anfrage.
Was ist eine Barrierefreiheitserklärung und ist sie Pflicht?
Die Barrierefreiheitserklärung ist ein öffentlich zugängliches Dokument, das den Konformitätsstatus Ihrer Website beschreibt. Für öffentliche Stellen ist sie nach BITV 2.0 seit 2018/2019 Pflicht. Für privatwirtschaftliche Unternehmen unter das BFSG ist sie ebenfalls vorgeschrieben. Sie muss enthalten: Konformitätsstatus (vollständig/teilweise/nicht konform), bekannte Mängel mit Begründung, Datum der Bewertung und einen Feedback-Mechanismus. LikeMeASAP erstellt diese Erklärung als Teil jedes Barrierefreiheits-Projekts.
Verbessert Barrierefreiheit das Google-Ranking und die KI-Sichtbarkeit?
Ja, auf mehreren Ebenen: Semantisches HTML5 und korrekte Überschriften-Hierarchien verbessern die Crawlbarkeit. Alt-Texte für Bilder liefern zusätzliche Keyword-Signale. Core Web Vitals profitieren von sauberem Code (kein Layout-Shift durch korrekte Bildabmessungen). Für KI-Suchmaschinen wie ChatGPT und Perplexity gilt: Strukturierte, gut lesbare Inhalte werden häufiger zitiert. Schema.org Accessibility-Markup signalisiert Google und KI-Systemen direkt, dass Ihre Website barrierefrei ist – ein E-E-A-T-Vorteil.
Wie lange dauert die Umsetzung einer barrierefreien Website?
Die Dauer hängt vom Umfang ab: Ein Accessibility-Audit dauert 1–2 Wochen. Die Nachrüstung einer kleinen Website (5–20 Seiten) benötigt 2–4 Wochen. Ein barrierefreier Online-Shop erfordert 4–8 Wochen. Eine vollständige barrierefreie Neuentwicklung inklusive Konzeption, Design und Screenreader-Tests dauert 8–16 Wochen. Wichtig: Barrierefreiheit ist kein einmaliges Projekt – neue Inhalte, Plugins und Updates können neue Barrieren einführen. LikeMeASAP bietet daher auch laufende Barrierefreiheits-Wartung ab 149 €/Monat an.
Erfolgsgeschichten unserer Kunden
Ergebnisse sprechen lauter als Behauptungen.
„Unser Online Shop war optisch modern, aber für Screenreader und Tastatur kaum nutzbar. Nach der Überarbeitung durch LikeMeASAP konnten wir zentrale Barrieren entfernen, die Barrierefreiheitserklärung veröffentlichen und gleichzeitig die Produktseiten für SEO verbessern.“
Geschäftsführung, E-Commerce-Unternehmen aus Deutschland
„Unsere Buchungsplattform musste vor dem Stichtag BFSG-konform werden. LikeMeASAP hat Formulare, Kontraste, Tastaturbedienung und klare Sprache sauber umgesetzt. Besonders hilfreich war die verständliche Anleitung für unser internes Team.“
Marketing-Leitung, Dienstleistungsunternehmen aus Österreich
„Wir wollten keine kurzfristige Lösung, sondern eine Website, die für Menschen mit Behinderung, ältere Nutzer und mobile Besucher funktioniert. Die neue Struktur hat die Nutzerzufriedenheit verbessert und Support-Anfragen zu Bedienproblemen reduziert.“
Inhaber, lokaler Anbieter aus der Schweiz
Diese Ergebnisse entstehen, weil Barrierefreiheit bedeutet, Barrieren abzubauen, was die Frustration der Nutzer senkt und die Verweildauer auf der Webseite erhöht. Barrierefreie Websites ermöglichen es Menschen mit Behinderungen, digitale Angebote ohne Einschränkungen zu nutzen, was zu einer höheren Nutzerzufriedenheit führt.
Sie können unsere Arbeit auch an messbaren Punkten bewerten:
bessere Tastaturführung auf wichtigen Seiten
klarere Hierarchien in Inhalten und Navigation
reduzierte Fehler bei Formularen und Eingabefeldern
bessere Lesbarkeit durch optimierte Kontraste und Schriftgröße
verständlichere Sprache für mehr Nutzergruppen
Was unsere Kunden sagen
Für wen unsere barrierefreien Webservices ideal sind
Unsere Dienstleistungen richten sich an Unternehmen, die digitale Angebote rechtzeitig und sauber barrierefrei gestalten wollen.
LikeMeASAP ist ideal für:
Online-Shops und E-Commerce-Unternehmen ab 10 Mitarbeitern, die Produkte und Dienstleistungen im elektronischen Geschäftsverkehr verkaufen
Dienstleistungsunternehmen mit Online-Buchungssystemen, bei denen Nutzer Termine, Angebote oder Verträge im Internet abschließen
Lokale Unternehmen mit B2C-Webpräsenz im D-A-CH-Raum, die Verbraucherinnen und Verbraucher online informieren, beraten oder zur Anfrage führen
Webseitenbetreiber mit bestehenden WordPress-Websites, die Barrieren systematisch entfernen und zukünftige Inhalte besser pflegen möchten
Unternehmen mit komplexen Webangeboten, etwa Kundenkonto, Online Banking ähnliche Funktionen, Zahlungsstrecken, Apps, PDF-Dokumente oder multimediale Inhalte
Eine barrierefreie Website ermöglicht es Menschen mit Behinderungen, digitale Angebote ohne Einschränkungen zu nutzen, was durch die Einhaltung der Web Content Accessibility Guidelines (WCAG) erreicht werden kann. Das gilt nicht nur für Menschen mit dauerhafter Behinderung, sondern auch für Nutzer mit temporären Einschränkungen, ältere Menschen, mobile Besucher oder Personen in schwierigen Nutzungssituationen.
Auch wenn manche Kleinstunternehmen vom BFSG ausgenommen sind, lohnt sich digitale Barrierefreiheit oft trotzdem. Bessere Struktur, klare Sprache, größere Schrift, starke Kontraste und robuste Bedienbarkeit verbessern die Nutzung für alle Menschen.
Testimonials
Bereits über 3300 zufriedene Kunden
Pakete und Preise für barrierefreie Websites
Wählen Sie das Paket, das zu Ihrem aktuellen Webprojekt, Ihrer Kategorie und Ihren Anforderungen an die Barrierefreiheit passt.
BFSG-Basis-Paket – Für kleinere Online-Shops
Perfekt für kleinere Online Shops, lokale Anbieter und B2C-Webseiten, die eine solide BFSG-Grundlage benötigen.
Enthält:
Analyse von bis zu 10 zentralen Seiten
Umsetzung nach WCAG 2.1 Level AA Grundlagen
Prüfung von Kontrasten, Schriftgröße, Navigation und Formularen
eindeutige Beschriftung relevanter Eingabefelder
Basis-Optimierung für Screenreader und Tastatur
Erstellung einer Erklärung zur Barrierefreiheit
kurze Anleitung für zukünftige Inhalte
Preis: 2.900 € netto
Premium-Barrierefreiheit – Für wachsende Unternehmen
Entwickelt für wachsende Unternehmen, Webshops und Buchungsplattformen, die neben BFSG-Compliance auch SEO, Conversion und Nutzererlebnis verbessern wollen.
Enthält alles aus dem BFSG-Basis-Paket plus:
Analyse von bis zu 30 Seiten
erweiterte WCAG Checkliste und manuelle Tests
Screenreader-Test mit NVDA
Prüfung dynamischer Elemente wie Menüs, Filter, Modale und Checkout
SEO-Optimierung für Struktur, Inhalte und interne Verlinkung
Empfehlungen für einfache Sprache und prägnante Texte
Dokumentation für interne Stellen und Verantwortliche
Preis: 6.900 € netto
Enterprise-Lösung – Für große Webprojekte
Für große Unternehmen, umfangreiche Websites, mehrere Webangebote, komplexe Anwendungen, Apps, Produktkataloge, E-Book-Lesegeräte-nahe digitale Inhalte, IKT Produkte oder Anbieter mit vielen Schnittstellen.
Enthält:
maßgeschneiderte BFSG- und EN 301 549 Beratung
umfassende Accessibility-Audits
Unterstützung bei BITV-Test-Vorbereitung
Schulungen für Redaktion, Design, Entwicklung und Marketing
laufende Wartung und Monitoring
Prioritäts-Support
Roadmap für Fristen, Termine und zukünftige Regelungen
Individuelle Preisgestaltung
Wenn Sie unsicher sind, starten wir mit einer Bewertung Ihrer aktuellen Website. Danach wissen Sie genau, welche Anforderungen relevant sind, welche Barrieren zuerst entfernt werden sollten und welches Paket wirtschaftlich sinnvoll ist.
Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit dem 28. Juni 2025 in Kraft. Echte BFSG-Konformität erfordert saubere Umsetzung nach WCAG 2.2 Level AA – nicht nur ein Overlay-Tool. LikeMeASAP implementiert alle 78 relevanten Erfolgskriterien technisch korrekt, testet mit echten assistiven Technologien und dokumentiert die Konformität rechtssicher.
WCAG 2.2 – Die 12 wichtigsten Erfolgskriterien für Unternehmen
Die Web Content Accessibility Guidelines 2.2 definieren 78 Erfolgskriterien in drei Konformitätsstufen. Für das BFSG ist Level AA der gesetzliche Mindeststandard. Diese 12 Kriterien sind für B2C-Websites am häufigsten fehlerhaft:
| Kriterium | Level | Beschreibung | Häufiger Fehler | Prüftool | Priorität |
|---|---|---|---|---|---|
| 1.1.1 Textalternativen | A | Alle Nicht-Text-Inhalte haben eine Textalternative | Fehlende Alt-Texte bei Produktbildern | axe DevTools, WAVE | Hoch |
| 1.3.1 Info und Beziehungen | A | Struktur und Beziehungen sind programmatisch bestimmbar | Tabellen ohne th-Elemente, Formulare ohne Labels | Screenreader (NVDA), axe | Hoch |
| 1.4.3 Kontrast (Minimum) | AA | Texte haben ein Kontrastverhältnis von mind. 4,5:1 | Hellgrauer Text auf weißem Hintergrund | Colour Contrast Analyser | Hoch |
| 1.4.4 Textgröße ändern | AA | Text bis 200 % vergrößerbar ohne Inhaltsverlust | Feste Pixel-Schriftgrößen (px statt rem) | Browser-Zoom-Test | Mittel |
| 2.1.1 Tastatur | A | Alle Funktionen per Tastatur bedienbar | Dropdown-Menüs nur per Hover erreichbar | Manuelle Tab-Navigation | Hoch |
| 2.4.3 Fokus-Reihenfolge | A | Fokus-Reihenfolge ist logisch und sinnvoll | Modals ohne Fokus-Trap, falscher Tab-Index | NVDA + Firefox | Hoch |
| 2.4.7 Fokus sichtbar | AA | Tastaturfokus ist immer sichtbar | outline:none im CSS ohne Alternative | Tab-Navigation visuell prüfen | Hoch |
| 2.5.3 Beschriftung im Namen | A | Sichtbarer Text ist Teil des zugänglichen Namens | aria-label weicht vom sichtbaren Button-Text ab | axe DevTools | Mittel |
| 3.1.1 Sprache der Seite | A | Standardsprache der Seite ist programmatisch bestimmt | Fehlendes lang-Attribut im html-Tag | HTML-Validator (W3C) | Niedrig |
| 3.3.1 Fehlererkennung | A | Eingabefehler werden erkannt und beschrieben | Nur farbliche Fehlermarkierung ohne Texthinweis | Formular-Test mit Screenreader | Hoch |
| 3.3.2 Beschriftungen oder Anweisungen | A | Eingabefelder haben sichtbare Labels | Placeholder statt Label, Labels nur per CSS sichtbar | WAVE, axe | Hoch |
| 4.1.2 Name, Rolle, Wert | A | UI-Komponenten haben zugänglichen Namen und Rolle | Custom-Buttons ohne role="button", Checkboxen ohne Label | axe DevTools, Screenreader | Hoch |
Overlay-Tool vs. Echte BFSG-Umsetzung – Der Unterschied im Vergleich
Viele Anbieter empfehlen Overlay-Widgets wie AccessiBe, UserWay oder EqualWeb als schnelle Lösung. Diese Tools nehmen nur oberflächliche Anpassungen vor und schaffen keine echte WCAG-Konformität – laut einer Studie des Accessibility-Experten Karl Groves lösen sie nur 30–50 % der Barrieren.
| Kriterium | Overlay-Tool (AccessiBe, UserWay) | LikeMeASAP-Umsetzung |
|---|---|---|
| WCAG-Konformität | Teilweise (30–50 %) | Vollständig Level AA |
| Screenreader-Kompatibilität | Kann Screenreader stören | NVDA, JAWS, VoiceOver getestet |
| Tastaturnavigation | Nur teilweise | Vollständig, inkl. Fokus-Trap |
| Rechtssicherheit (BFSG) | Nicht ausreichend | Barrierefreiheitserklärung inklusive |
| Performance-Auswirkung | Negativ (JS-Last) | Kein zusätzlicher JS-Overhead |
| Kosten (laufend) | 49–490 €/Monat Abo | Einmalige Umsetzung + optionale Wartung |
| PDF-Barrierefreiheit | Nicht abgedeckt | PDF/UA auf Anfrage |
BFSG-Pflicht nach Unternehmenstyp und Branche
Das BFSG gilt nicht für alle Unternehmen gleichermaßen. Kleinstunternehmen (unter 10 Mitarbeiter und unter 2 Mio. € Umsatz) sind als Dienstleistungserbringer ausgenommen. Für alle anderen B2C-Anbieter gilt die Pflicht ab dem 28. Juni 2025:
| Unternehmenstyp / Branche | BFSG-Pflicht | Betroffene Bereiche | Bußgeld-Risiko | Quick Win |
|---|---|---|---|---|
| Online-Shops (WooCommerce, Shopify, Shopware) | Ja | Produktseiten, Checkout, Formulare, Zahlungsfunktionen | Hoch | Alt-Texte, Formular-Labels, Fokuszustände |
| Buchungsplattformen (Hotels, Restaurants, Dienstleister) | Ja | Buchungsstrecke, Kalender, Login, Authentifizierung | Hoch | Tastaturnavigation im Buchungsformular |
| Banking & Finanzdienstleistungen | Ja | Online-Banking, Vertragsabschlüsse, elektronische Signaturen | Sehr hoch | ARIA-Labels bei Formularfeldern |
| Öffentliche Stellen / Behörden | Ja (BITV 2.0) | Gesamte Website, Dokumente, PDFs, Formulare | Hoch | Barrierefreiheitserklärung veröffentlichen |
| Hochschulen & Bildungseinrichtungen | Ja (BITV 2.0) | Lernplattformen, PDFs, Videos mit Untertiteln | Mittel | Untertitel für Lehrvideos |
| Gesundheit & Medizin (Arztpraxen, Kliniken) | Bedingt | Online-Terminbuchung, Patientenportale | Mittel | Terminbuchung per Tastatur bedienbar |
| Tourismus & Reiseanbieter | Ja | Buchungsstrecken, Reisekonfiguratoren, Zahlungen | Hoch | Kontrastprüfung, Alt-Texte für Reisebilder |
| SaaS & Software-Anbieter (B2C) | Ja | Login, Dashboard, Formulare, Benachrichtigungen | Hoch | Fokusmanagement in Modals und Dialogen |
Assistive Technologien – So testen wir Ihre Website
Automatisierte Tools wie axe oder WAVE erkennen nur ca. 30–40 % aller Barrierefreiheitsprobleme. LikeMeASAP testet zusätzlich mit echten assistiven Technologien, die von Menschen mit Behinderungen täglich genutzt werden:
NVDA (Windows Screenreader)
Kostenloser Open-Source-Screenreader für Windows. Liest Seiteninhalte vor, navigiert per Überschriften, Links und Formularfelder. Besonders wichtig für Blinde und stark sehbehinderte Nutzer.
JAWS (Job Access With Speech)
Meistgenutzter kommerzieller Screenreader weltweit. Häufig in Unternehmensumgebungen eingesetzt. Testet Kompatibilität mit komplexen Web-Applikationen und ARIA-Landmarks.
VoiceOver (Apple)
Integrierter Screenreader auf macOS und iOS. Unverzichtbar für Mobile-Accessibility-Tests auf iPhone und iPad. Prüft Touch-Gesten, Swipe-Navigation und ARIA-Live-Regions.
Tastaturnavigation (ohne Maus)
Vollständige Navigation per Tab, Enter, Pfeiltasten und Escape. Prüft Fokus-Reihenfolge, Fokus-Trap in Modals, Skip-Links und Keyboard-Traps. Pflicht nach WCAG 2.1.1.
Colour Contrast Analyser
Prüft Farbkontrastverhältnisse nach WCAG 1.4.3 (4,5:1 für normalen Text) und 1.4.11 (3:1 für UI-Komponenten). Identifiziert problematische Farbkombinationen in Design-Systemen.
Browser-Zoom 200 %
Testet WCAG 1.4.4: Text muss bis 200 % vergrößerbar sein, ohne dass Inhalte abgeschnitten werden oder Funktionen verloren gehen. Häufige Fehler: Overflow-Hidden, feste Pixel-Höhen.
axe DevTools (automatisiert)
Browser-Extension für automatisierte Accessibility-Tests. Erkennt ~30–40 % aller WCAG-Fehler. Liefert priorisierte Fehlerliste mit Code-Referenzen. Ergänzt manuelle Tests.
WAVE (Web Accessibility Evaluation)
Visuelles Feedback-Tool, das Barrierefreiheitsfehler direkt auf der Seite markiert. Besonders nützlich für Redakteure und Content-Manager zur eigenständigen Prüfung.
Barrierefreiheit in Zahlen – Warum es sich lohnt
Barrierefreiheit und GEO/KI-Sichtbarkeit – Der doppelte Vorteil
Barrierefreie Websites ranken nicht nur besser bei Google – sie werden auch von KI-Suchmaschinen wie ChatGPT, Perplexity und Bing Copilot bevorzugt zitiert. Semantisches HTML, strukturierte Daten und klare Inhalte sind sowohl für Screenreader als auch für KI-Crawler optimal:
Schema.org Accessibility-Markup
LikeMeASAP implementiert accessibilityFeature, accessibilityHazard und accessibilityControl als strukturierte Daten. Google und KI-Systeme erkennen so, dass Ihre Website barrierefrei ist – ein direktes E-E-A-T-Signal.
Schema.org / JSON-LDSemantisches HTML5 für KI-Crawler
Korrekte Verwendung von <main>, <nav>, <article>, <aside> und ARIA-Landmarks hilft KI-Crawlern, Inhalte korrekt zu strukturieren und zu zitieren – identisch zum Nutzen für Screenreader.
llms.txt für KI-Suchmaschinen
Die llms.txt-Datei informiert KI-Systeme wie ChatGPT und Claude über Ihre Barrierefreiheits-Expertise. LikeMeASAP erstellt diese Datei mit Hinweisen auf BFSG-Konformität, WCAG-Level und Accessibility-Dokumentation.
GEO / llms.txtE-E-A-T: Expertise durch Dokumentation
Die Barrierefreiheitserklärung ist nicht nur gesetzlich vorgeschrieben – sie ist auch ein starkes E-E-A-T-Signal. Google bewertet Websites höher, die transparent über ihre Konformität berichten und Feedback-Mechanismen anbieten.
E-E-A-T / GoogleGoogle AI Overviews und Barrierefreiheit
Google AI Overviews bevorzugen Seiten mit klarer Struktur, kurzen Absätzen und semantisch korrektem HTML – exakt die Anforderungen der WCAG. Barrierefreie Websites werden häufiger in AI-generierten Antworten zitiert.
Google AI OverviewsCore Web Vitals und Barrierefreiheit
Viele WCAG-Anforderungen verbessern direkt die Core Web Vitals: Kein Layout-Shift durch korrekte Bildabmessungen (CLS), schnelle Interaktivität durch sauberen Code (INP), optimiertes Rendering durch semantisches HTML (LCP).
Core Web Vitals / PageSpeedKosten für barrierefreie Websites – Was Sie realistisch einplanen sollten
Die Kosten hängen stark von Ausgangslage, Komplexität und Umfang ab. Grundsätzlich gilt: Eine barrierefreie Neuentwicklung ist günstiger als eine nachträgliche Nachrüstung einer komplexen Website. Hier ein realistischer Überblick:
| Szenario | Preisrahmen | Dauer | Leistungsumfang | Für wen geeignet |
|---|---|---|---|---|
| Accessibility-Audit (bestehende Website) | 490 – 1.490 € | 1–2 Wochen | WCAG-Prüfung, Fehlerbericht mit Prioritäten, Handlungsempfehlungen | Alle, die den Ist-Stand kennen wollen |
| Barrierefreiheits-Nachrüstung (kleine Website) | 990 – 2.990 € | 2–4 Wochen | Technische Korrekturen, Alt-Texte, Kontraste, Formulare, Barrierefreiheitserklärung | Kleine Unternehmen, Dienstleister (5–20 Seiten) |
| Barrierefreiheits-Nachrüstung (Online-Shop) | 2.490 – 7.490 € | 4–8 Wochen | Checkout, Produktseiten, Formulare, Zahlungsfunktionen, Screenreader-Tests, Dokumentation | WooCommerce, Shopify, Shopware-Shops |
| Barrierefreie Neuentwicklung (Unternehmenswebsite) | 3.990 – 12.990 € | 8–16 Wochen | Konzeption, Design nach WCAG, Entwicklung, Screenreader-Tests, Barrierefreiheitserklärung, SEO | Mittelständler, B2C-Anbieter, Buchungsplattformen |
| Laufende Barrierefreiheits-Wartung | ab 149 €/Monat | Laufend | Regelmäßige WCAG-Prüfung, Plugin-Updates, neue Inhalte prüfen, Barrierefreiheitserklärung aktualisieren | Alle, die langfristig konform bleiben wollen |
5 Sofortmaßnahmen für mehr Barrierefreiheit
Alt-Texte für alle Bilder prüfen
Öffnen Sie Ihre Website und deaktivieren Sie Bilder im Browser. Erscheinen sinnvolle Textalternativen? Fehlen diese bei Produktbildern oder Buttons, ist das ein WCAG-A-Fehler mit hoher Priorität.
Tab-Navigation testen
Navigieren Sie Ihre gesamte Website nur mit der Tab-Taste. Können Sie alle Links, Buttons und Formularfelder erreichen? Ist der Fokus immer sichtbar? Hängt der Fokus irgendwo fest?
Farbkontraste prüfen
Installieren Sie den kostenlosen Colour Contrast Analyser (TPGi) und prüfen Sie Ihren wichtigsten Fließtext. Mindestanforderung: 4,5:1 für normalen Text, 3:1 für großen Text (ab 18 pt).
Barrierefreiheitserklärung veröffentlichen
Auch wenn Ihre Website noch nicht vollständig WCAG-konform ist: Veröffentlichen Sie eine Barrierefreiheitserklärung mit aktuellem Datum, bekannten Mängeln und einem Feedback-Kontakt. Das ist BFSG-Pflicht.
Overlay-Tools deinstallieren
Falls Sie ein Overlay-Widget (AccessiBe, UserWay, EqualWeb) nutzen: Deinstallieren Sie es. Diese Tools können Screenreader stören, schaffen keine echte Konformität und können sogar Abmahnungen provozieren.
Unsere BFSG-Garantie für Ihr Unternehmen
LikeMeASAP liefert barrierefreie Websites nach WCAG 2.2 Level AA – mit vollständiger Dokumentation, Barrierefreiheitserklärung und Screenreader-Tests. Kein Overlay, kein Workaround, keine versteckten Nachbesserungskosten.
Häufige Fragen zu barrierefreien Websites (FAQ)
Was ist eine barrierefreie Website?
Eine barrierefreie Website ist so gestaltet und technisch umgesetzt, dass sie von möglichst vielen Menschen genutzt werden kann – unabhängig von körperlichen, sensorischen, kognitiven oder technischen Einschränkungen. Dazu gehören unter anderem gut lesbare Inhalte, ausreichende Farbkontraste, verständliche Navigation, Tastaturbedienbarkeit, Alternativtexte für Bilder und eine saubere technische Struktur für Screenreader. Ziel ist eine Website, die nicht nur optisch modern wirkt, sondern für alle Nutzer zugänglich, verständlich und bedienbar ist.
Warum sind barrierefreie Websites wichtig?
Barrierefreie Websites verbessern die digitale Teilhabe und sorgen dafür, dass mehr Menschen Informationen, Produkte und Dienstleistungen online nutzen können. Gleichzeitig profitieren Unternehmen von einer besseren Nutzererfahrung, klareren Strukturen und oft auch von positiven Effekten für SEO. Viele Maßnahmen, die Barrierefreiheit fördern, helfen auch Suchmaschinen dabei, Inhalte besser zu verstehen. Dazu zählen klare Überschriften, strukturierte Texte, sinnvolle Linktexte und technisch sauberes HTML.
Für wen ist eine barrierefreie Website relevant?
Barrierefreie Websites sind für öffentliche Einrichtungen, Unternehmen, Online-Shops, Dienstleister, Praxen, Kanzleien, Vereine und Selbstständige relevant. Besonders wichtig ist Barrierefreiheit, wenn eine Website Informationen, Buchungen, Kontaktformulare, digitale Dienstleistungen oder Verkaufsprozesse anbietet. Auch Unternehmen, die nicht unmittelbar gesetzlich verpflichtet sind, profitieren von einer zugänglichen Website, weil sie mehr Nutzer erreichen, professioneller wirken und digitale Hürden reduzieren.
Was bedeutet digitale Barrierefreiheit im Webdesign?
Digitale Barrierefreiheit im Webdesign bedeutet, dass Gestaltung, Inhalte und Technik gemeinsam zugänglich geplant werden. Es reicht nicht, nur Farben oder Schriftgrößen anzupassen. Eine barrierefreie Website benötigt eine klare Seitenstruktur, verständliche Texte, gut erkennbare Bedienelemente, ausreichend große Klickflächen, logische Fokus-Reihenfolgen, Alternativtexte und Formulare, die auch ohne Maus funktionieren. Gutes barrierefreies Webdesign verbindet Ästhetik mit Benutzerfreundlichkeit und technischer Qualität.
Was sind die WCAG?
Die WCAG, also Web Content Accessibility Guidelines, sind internationale Richtlinien für barrierefreie Webinhalte. Sie beschreiben, wie digitale Inhalte wahrnehmbar, bedienbar, verständlich und robust gestaltet werden können. Diese vier Grundprinzipien helfen dabei, Websites so zu entwickeln, dass sie mit verschiedenen Geräten, Browsern, Assistenztechnologien und Nutzungssituationen funktionieren. Für professionelle Websites sind die WCAG ein wichtiger Orientierungsrahmen, wenn Barrierefreiheit systematisch umgesetzt werden soll.
Was hat das Barrierefreiheitsstärkungsgesetz mit Websites zu tun?
Das Barrierefreiheitsstärkungsgesetz, kurz BFSG, kann für bestimmte digitale Produkte und Dienstleistungen relevant sein. Dazu können je nach Angebot beispielsweise Online-Shops, Buchungsstrecken, digitale Kundenbereiche oder andere elektronische Dienstleistungen gehören. Betreiber sollten individuell prüfen lassen, ob und in welchem Umfang ihre Website betroffen ist. Eine Agentur kann technische und inhaltliche Maßnahmen umsetzen, ersetzt jedoch keine rechtliche Beratung durch eine dafür qualifizierte Stelle.
Was ist der Unterschied zwischen barrierearm und barrierefrei?
Eine barrierearme Website reduziert viele Hürden, erfüllt aber möglicherweise nicht alle Anforderungen an digitale Barrierefreiheit. Eine barrierefreie Website wird deutlich konsequenter geplant, umgesetzt und geprüft. In der Praxis ist Barrierefreiheit ein Qualitätsprozess: Je besser Struktur, Technik, Inhalte und Bedienbarkeit aufeinander abgestimmt sind, desto zugänglicher wird die Website. Seriöse Anbieter vermeiden daher pauschale Versprechen und prüfen konkret, welche Anforderungen für das jeweilige Projekt gelten.
Welche Elemente sind für eine barrierefreie Website besonders wichtig?
Besonders wichtig sind klare Überschriften, gute Farbkontraste, lesbare Schriftgrößen, verständliche Texte, Tastaturbedienbarkeit, Alternativtexte für Bilder, beschriftete Formulare, erkennbare Fehlermeldungen und eine logische Navigation. Auch Videos sollten nach Möglichkeit Untertitel oder Transkripte erhalten. Technisch sollte die Website semantisch sauber aufgebaut sein, damit Screenreader und andere Hilfsmittel Inhalte korrekt erfassen können.
Warum sind Kontraste und Schriftgrößen so wichtig?
Ausreichende Kontraste und gut lesbare Schriftgrößen helfen Menschen mit Sehschwächen, älteren Nutzern und Personen, die Websites unter schwierigen Lichtverhältnissen nutzen. Wenn Texte zu klein sind oder Farben zu wenig Kontrast haben, wirkt eine Website schnell unprofessionell und schwer bedienbar. Eine barrierefreie Gestaltung achtet deshalb darauf, dass Inhalte klar erkennbar sind und Bedienelemente wie Buttons oder Links eindeutig wahrgenommen werden können.
Was bedeutet Tastaturbedienbarkeit? wichtig?
Tastaturbedienbarkeit bedeutet, dass eine Website auch ohne Maus vollständig genutzt werden kann. Nutzer müssen Menüs, Links, Buttons, Formulare und interaktive Elemente mit der Tastatur erreichen und bedienen können. Wichtig ist außerdem ein sichtbarer Fokus, damit jederzeit erkennbar ist, welches Element gerade ausgewählt wurde. Diese Maßnahme ist besonders relevant für Menschen mit motorischen Einschränkungen, hilft aber auch Power-Usern und verbessert die technische Qualität der Website.
Welche Rolle spielen Alternativtexte für Bilder?
Alternativtexte beschreiben den Inhalt oder Zweck eines Bildes für Nutzer, die das Bild nicht sehen können oder Screenreader verwenden. Sie sind besonders wichtig bei informativen Grafiken, Produktbildern, Icons oder Bildern, die eine konkrete Aussage unterstützen. Gute Alternativtexte sind präzise und beschreiben nur das, was für das Verständnis relevant ist. Rein dekorative Bilder benötigen dagegen häufig keine ausführliche Beschreibung, damit Nutzer nicht mit unnötigen Informationen belastet werden.
Können WordPress Websites barrierefrei umgesetzt werden?
Ja, WordPress Websites können barrierefrei oder deutlich barriereärmer umgesetzt werden, wenn Theme, Plugins, Inhalte und technische Struktur sorgfältig ausgewählt werden. Entscheidend ist, keine überladenen Designs oder schwer bedienbaren Erweiterungen zu verwenden. Eine professionelle WordPress Agentur achtet auf sauberen Code, zugängliche Navigation, verständliche Formulare, optimierte Inhalte und regelmäßige Wartung. Barrierefreiheit sollte dabei bereits in der Konzeptionsphase berücksichtigt werden und nicht erst am Ende des Projekts.
Wie wird eine bestehende Website auf Barrierefreiheit geprüft?
Eine bestehende Website kann durch eine Kombination aus automatisierten Tests, manueller Prüfung und praktischer Nutzungskontrolle bewertet werden. Automatische Tools finden viele technische Probleme, erkennen aber nicht alle inhaltlichen oder gestalterischen Barrieren. Deshalb sollten zusätzlich Navigation, Tastaturbedienung, Formulare, Überschriftenstruktur, Alternativtexte, Kontraste und mobile Darstellung manuell geprüft werden. Aus den Ergebnissen entsteht idealerweise ein Maßnahmenplan mit Prioritäten.
Was kostet es, eine Website barrierefrei erstellen zu lassen?
Die Kosten hängen vom Umfang der Website, dem gewünschten Barrierefreiheitsniveau, dem Design, den Funktionen, der Anzahl der Unterseiten und dem Zustand bestehender Inhalte ab. Eine neue barrierefreie Website lässt sich oft effizienter planen als eine nachträgliche Korrektur einer stark veralteten Website. Bei bestehenden Projekten können Aufwand und Kosten steigen, wenn Theme, Plugins, Formulare oder komplexe Funktionen angepasst werden müssen. Seriöse Agenturen prüfen daher zuerst den Ausgangszustand und erstellen danach ein transparentes Angebot.
Verbessert eine barrierefreie Website auch SEO?
Eine barrierefreie Website kann SEO positiv unterstützen, weil viele Maßnahmen auch die technische und inhaltliche Qualität verbessern. Klare Überschriften, verständliche Texte, saubere HTML-Strukturen, schnelle Ladezeiten, mobile Nutzbarkeit, sinnvolle Linktexte und gute Bedienbarkeit helfen nicht nur Menschen, sondern auch Suchmaschinen. Barrierefreiheit ersetzt keine vollständige SEO-Strategie, schafft aber eine starke Grundlage für bessere Nutzererfahrung, längere Verweildauer und eine professionellere Website.
