[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-digitale-barrierefreiheit-a11y-ab-2025-was-das-barrierefreiheitsstaerkungsgesetz-fuer-webseiten-bedeutet":3},{"id":4,"title":5,"author":6,"body":7,"date":600,"description":601,"extension":602,"image":603,"meta":604,"navigation":349,"path":605,"readingTime":606,"seo":607,"stem":608,"tags":609,"__hash__":616},"content/blog/digitale-barrierefreiheit-a11y-ab-2025-was-das-barrierefreiheitsstaerkungsgesetz-fuer-webseiten-bedeutet.md","Barrierefreie Website-Pflicht 2025: BFSG erklärt","KIano",{"type":8,"value":9,"toc":573},"minimark",[10,14,17,20,25,44,48,51,54,60,64,92,95,99,102,235,240,244,335,338,394,399,403,423,427,444,448,465,470,474,488,492,497,500,504,507,511,514,518,521,525,528,532,535,539,542,546,549,553,556,560,563,567,570],[11,12,13],"p",{},"Ab 2025 wird digitale Barrierefreiheit zum Wettbewerbsfaktor – und für viele Unternehmen zur Pflicht. Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt den European Accessibility Act in deutsches Recht um und betrifft zahlreiche digitale Dienstleistungen, die über Websites und Apps erbracht werden.",[11,15,16],{},"Wer jetzt plant, seinen Auftritt zu modernisieren, sollte A11y von Anfang an einplanen. Ein späteres Nachrüsten kostet überproportional viel Zeit und Budget – und kann zu Marktaufsicht, Abmahnungen oder Reputationsschäden führen.",[11,18,19],{},"In diesem Leitfaden erfahren Sie, ob und wie Ihre Website betroffen ist, welche Standards zählen (WCAG 2.1 AA, EN 301 549) und wie Sie Ihren Relaunch rechtzeitig und pragmatisch auf Kurs bringen.",[21,22,24],"h2",{"id":23},"tldr","TL;DR",[26,27,28,32,35,38,41],"ul",{},[29,30,31],"li",{},"BFSG gilt ab 28.06.2025 für bestimmte Produkte und Dienstleistungen – inklusive deren Websites/Apps, über die sie angeboten werden.",[29,33,34],{},"Praxisstandard für BFSG-Webseiten: EN 301 549 mit WCAG 2.1 AA als inhaltliche Basis.",[29,36,37],{},"Betroffen sind u. a. E-Commerce, Ticketing, Bank- und Transportdienste; rein statische Info-Seiten sind oft nicht erfasst – prüfen Sie den konkreten Dienst.",[29,39,40],{},"Overlay-Tools ersetzen keine echte Barrierefreiheit. Planen Sie a11y in UX, Content, Code und Prozessen mit ein.",[29,42,43],{},"Relaunch-Realität: 3–6+ Monate je nach Umfang. Starten Sie jetzt mit Audit und Roadmap, um 2025/2026 compliant zu sein.",[21,45,47],{"id":46},"was-bedeutet-das-bfsg-für-webseiten-definition","Was bedeutet das BFSG für Webseiten? (Definition)",[11,49,50],{},"Das Barrierefreiheitsstärkungsgesetz (BFSG) ist das deutsche Umsetzungsgesetz des European Accessibility Act. Es verpflichtet Anbieter bestimmter Dienstleistungen und Produkte dazu, diese barrierefrei zu gestalten. Für Webseiten heißt das: Wenn Ihre Website oder App wesentlicher Teil einer betroffenen Dienstleistung ist (z. B. Shop, Buchung, Banking), muss sie die einschlägigen Barrierefreiheitsanforderungen erfüllen.",[11,52,53],{},"Rechtsbasis für Web-/Software-Anforderungen ist in der Regel die Norm EN 301 549, die auf den Web-Content-Standards der WCAG 2.1 AA aufsetzt.",[55,56,57],"blockquote",{},[11,58,59],{},"Praxis-Tipp: Prüfen Sie nicht nur die „Website“, sondern die gesamte Servicekette: Content, Frontend, Checkout, Kundensupport, PDF-Formulare, E-Mails und Mobile Apps.",[21,61,63],{"id":62},"wer-ist-betroffen-fokus-auf-kmu-und-digitale-services","Wer ist betroffen? Fokus auf KMU und digitale Services",[26,65,66,86,89],{},[29,67,68,69],{},"Typisch betroffen:\n",[26,70,71,74,77,80,83],{},[29,72,73],{},"E‑Commerce und Marktplätze (Produktkatalog, Warenkorb, Checkout)",[29,75,76],{},"Ticketing/Buchung (Events, Verkehr, Freizeit)",[29,78,79],{},"Bank- und Zahlungsdienste",[29,81,82],{},"Telekommunikationsnahe Dienste und Self-Service-Portale",[29,84,85],{},"E‑Books/E‑Reader-Ökosysteme und bestimmte Medienangebote",[29,87,88],{},"Rein informatorische Unternehmensseiten ohne transaktionale Dienste fallen häufig nicht unter das BFSG – die Abgrenzung hängt aber vom konkreten Service ab.",[29,90,91],{},"KMU: Das BFSG adressiert KMU, wenn sie betroffene Dienstleistungen anbieten. Es gibt Ausnahmen und Erleichterungen in Teilbereichen; klären Sie die Anwendung immer mit Rechtsberatung.",[11,93,94],{},"Hinweis: Dieser Beitrag bietet Orientierung für „barrierefreie Website Pflicht 2025“, ersetzt aber keine Rechtsberatung für Einzelfälle, insbesondere beim Thema „Barrierefreiheitsstärkungsgesetz KMU“.",[21,96,98],{"id":97},"anforderungen-in-der-praxis-en-301-549-wcag-21-aa","Anforderungen in der Praxis: EN 301 549 & WCAG 2.1 AA",[11,100,101],{},"Die EN 301 549 verweist für Webinhalte auf die WCAG 2.1 AA. Daraus ergeben sich greifbare Anforderungen entlang der vier Prinzipien: Wahrnehmbar, Bedienbar, Verstehbar, Robust.",[103,104,105,121],"table",{},[106,107,108],"thead",{},[109,110,111,115,118],"tr",{},[112,113,114],"th",{},"Anforderung (Auszug)",[112,116,117],{},"Praxis-Umsetzung auf Websites",[112,119,120],{},"Relevanter Standard",[122,123,124,136,147,158,169,180,191,202,213,224],"tbody",{},[109,125,126,130,133],{},[127,128,129],"td",{},"Tastaturbedienbarkeit",[127,131,132],{},"Fokusreihenfolge, sichtbarer Fokus, keine Tastaturfallen",[127,134,135],{},"WCAG 2.1: 2.1.x",[109,137,138,141,144],{},[127,139,140],{},"Alternativtexte",[127,142,143],{},"Sinnvolle Alt-Texte für Bilder/Icons; Deko-Bilder ausklammern",[127,145,146],{},"WCAG 2.1: 1.1.1",[109,148,149,152,155],{},[127,150,151],{},"Kontraste",[127,153,154],{},"Textkontrast mind. 4.5:1; UI-Elemente gut erkennbar",[127,156,157],{},"WCAG 2.1: 1.4.x",[109,159,160,163,166],{},[127,161,162],{},"Skalierbarkeit/Zoom",[127,164,165],{},"Layout ohne horizontales Scrollen bis 200%",[127,167,168],{},"WCAG 2.1: 1.4.4/10",[109,170,171,174,177],{},[127,172,173],{},"Überschriften/Struktur",[127,175,176],{},"Semantik mit h2–h6, Listen, Landmark-Roles",[127,178,179],{},"WCAG 2.1: 1.3.x",[109,181,182,185,188],{},[127,183,184],{},"Formulare",[127,186,187],{},"Labels, Fehlerhinweise, Autocomplete, verständliche Hilfe",[127,189,190],{},"WCAG 2.1: 3.3.x",[109,192,193,196,199],{},[127,194,195],{},"Medien/Untertitel",[127,197,198],{},"Captions/Transkripte, Bedienung ohne Maus",[127,200,201],{},"WCAG 2.1: 1.2.x",[109,203,204,207,210],{},[127,205,206],{},"Fokusmanagement/Modale",[127,208,209],{},"ARIA korrekt, Fokus in Modalen fangen und zurückgeben",[127,211,212],{},"WCAG 2.1: 2.4.x",[109,214,215,218,221],{},[127,216,217],{},"Responsives Design",[127,219,220],{},"A11y auch auf Touch/kleinen Viewports",[127,222,223],{},"EN 301 549",[109,225,226,229,232],{},[127,227,228],{},"Kompatibilität mit AT",[127,230,231],{},"Saubere Semantik, ARIA sparsam, keine Role-Missverständnisse",[127,233,234],{},"WCAG 2.1: 4.1.x",[55,236,237],{},[11,238,239],{},"Praxis-Tipp: „AA zuerst“ ist realistisch. A-Anforderungen sind Pflicht; AA ist in der BFSG-Praxis Standard. AAA bleibt optional, kann aber für kritische Journeys sinnvoll sein.",[21,241,243],{"id":242},"schritt-für-schritt-zum-a11y-relaunch-roadmap","Schritt-für-Schritt zum a11y-Relaunch (Roadmap)",[245,246,247,258,269,280,291,302,313,324],"ol",{},[29,248,249,250],{},"Zielbild definieren",[26,251,252,255],{},[29,253,254],{},"Welche Services sind BFSG-relevant? Welche Journeys sind kritisch?",[29,256,257],{},"Ergebnis: Scope, Risiken, grobe Timeline.",[29,259,260,261],{},"Quick-Audit (2–4 Wochen, je nach Umfang – Beispielwert)",[26,262,263,266],{},[29,264,265],{},"Heuristik-Check gegen WCAG 2.1 AA, Lighthouse/axe, Screenreader Smoke-Tests.",[29,267,268],{},"Ergebnis: Priorisierte Findings, Aufwandsschätzung.",[29,270,271,272],{},"Content & Design fit machen",[26,273,274,277],{},[29,275,276],{},"Designsystem mit Kontrast, Fokuszuständen, States.",[29,278,279],{},"Content-Guidelines: Plain Language, Alternativtexte, Linktexte.",[29,281,282,283],{},"Technische Architektur festlegen",[26,284,285,288],{},[29,286,287],{},"Framework- und Komponentenstrategie (z. B. Nuxt/Vue mit a11y-first UI-Bibliothek).",[29,289,290],{},"Routing, Landmark-Struktur, semantische Komponenten.",[29,292,293,294],{},"Iterative Umsetzung",[26,295,296,299],{},[29,297,298],{},"„A11y Acceptance Criteria“ je Ticket.",[29,300,301],{},"Storybook/Chromatic mit a11y-Checks; CI-Pipeline mit axe/Pa11y.",[29,303,304,305],{},"Tests mit Menschen und Hilfsmitteln",[26,306,307,310],{},[29,308,309],{},"Screenreader (NVDA, JAWS, VoiceOver), Tastatur-Only, High-Contrast.",[29,311,312],{},"Nutzerfeedback einholen, Usability und Barrierefreiheit verbinden.",[29,314,315,316],{},"Dokumentation & Nachweis",[26,317,318,321],{},[29,319,320],{},"A11y-Statement, Testprotokolle, Change-Log.",[29,322,323],{},"Schulung für Redaktion/Support.",[29,325,326,327],{},"Go-live & Monitoring",[26,328,329,332],{},[29,330,331],{},"Abschlusstest, Regression-Checks, Metriken (Fehlerquote, Support-Tickets).",[29,333,334],{},"Kontinuierliche Pflege in Redaktions- und Dev-Prozessen.",[11,336,337],{},"Checkliste „Sind wir startklar?“",[26,339,342,352,358,364,370,376,382,388],{"className":340},[341],"contains-task-list",[29,343,346,351],{"className":344},[345],"task-list-item",[347,348],"input",{"disabled":349,"type":350},true,"checkbox"," Betroffene Services identifiziert und rechtlich eingeordnet",[29,353,355,357],{"className":354},[345],[347,356],{"disabled":349,"type":350}," WCAG/EN 301 549-Anforderungen in Backlog aufgenommen",[29,359,361,363],{"className":360},[345],[347,362],{"disabled":349,"type":350}," Designsystem mit Kontrasten, Fokus und States vorhanden",[29,365,367,369],{"className":366},[345],[347,368],{"disabled":349,"type":350}," Semantische Komponentenbibliothek etabliert",[29,371,373,375],{"className":372},[345],[347,374],{"disabled":349,"type":350}," Automatisierte a11y-Checks in CI/CD aktiv",[29,377,379,381],{"className":378},[345],[347,380],{"disabled":349,"type":350}," Redaktionsleitfaden für verständliche Sprache und Alt-Texte",[29,383,385,387],{"className":384},[345],[347,386],{"disabled":349,"type":350}," Testprotokolle und öffentliches A11y-Statement vorbereitet",[29,389,391,393],{"className":390},[345],[347,392],{"disabled":349,"type":350}," Support- und Beschwerdeprozess definiert",[55,395,396],{},[11,397,398],{},"Praxis-Tipp: Planen Sie Zeit für PDF-/Dokumentprozesse ein. Häufig sind Formulare, Produktdatenblätter oder AGB der „blinde Fleck“ im Projekt.",[21,400,402],{"id":401},"best-practices-für-bfsg-webseiten","Best Practices für BFSG-Webseiten",[26,404,405,408,411,414,417,420],{},[29,406,407],{},"Shift-Left: Accessibility von Sprint 0 an mitdenken – nicht am Ende „drüberbügeln“.",[29,409,410],{},"Design Tokens: Kontraste, Abstände, Fokuszustände zentral steuern.",[29,412,413],{},"Komponenten statt Einzellösungen: Einmal korrekt, überall korrekt.",[29,415,416],{},"Content-Patterns: Klarheit vor Kreativität; Buttons sind Handlungen, Links sind Ziele.",[29,418,419],{},"Progressive Enhancement: Kernfunktionen ohne JS bedienbar halten, wo möglich.",[29,421,422],{},"Keine Overlays als Ersatz: Widgets kaschieren Probleme, lösen sie aber nicht.",[21,424,426],{"id":425},"typische-fehler-und-wie-sie-sie-vermeiden","Typische Fehler – und wie Sie sie vermeiden",[26,428,429,432,435,438,441],{},[29,430,431],{},"Nur visuell testen: Ohne Tastatur-/Screenreader-Tests bleiben Blocker unentdeckt.",[29,433,434],{},"ARIA überall: Zu viel ARIA schadet. Erst Semantik, dann gezielt ARIA.",[29,436,437],{},"Kontraste im „Dark Mode“ vergessen: Prüfen Sie alle Themes/States.",[29,439,440],{},"Dynamische Inhalte ohne Live-Regionen: Statusmeldungen müssen ansagbar sein.",[29,442,443],{},"Unklare Verantwortlichkeiten: Definieren Sie A11y-Rollen für Design, Dev, Redaktion, QA.",[21,445,447],{"id":446},"testing-tools-und-nachweise","Testing, Tools und Nachweise",[26,449,450,453,456,459,462],{},[29,451,452],{},"Automatisiert: axe, Pa11y, Lighthouse als Erstfilter.",[29,454,455],{},"Manuell: NVDA/JAWS/VoiceOver, Tastatur, Zoom bis 200%, Farbfilter.",[29,457,458],{},"Dokumentation: Ergebnisse versionieren, Tickets verlinken, Maßnahmen bewerten.",[29,460,461],{},"Nachweise: Halten Sie Unterlagen bereit für mögliche Anfragen der Marktaufsicht.",[29,463,464],{},"Kommunikation: A11y-Statement und Beschwerdeweg sichtbar platzieren.",[55,466,467],{},[11,468,469],{},"Praxis-Tipp: Verankern Sie a11y-Kriterien in Definition of Ready/Done. So wird Accessibility Teil der Lieferqualität – nicht Zusatzaufwand.",[21,471,473],{"id":472},"auswirkungen-auf-prozesse-team-und-budget","Auswirkungen auf Prozesse, Team und Budget",[26,475,476,479,482,485],{},[29,477,478],{},"Rollen: A11y-Champion im Team, Redaktion mit Klartext-Kompetenz, QA mit Hilfsmittel-Setup.",[29,480,481],{},"Schulungen: Kurztrainings für Design, Dev und Content wirken schnell und nachhaltig.",[29,483,484],{},"Budget: Rechnen Sie mit anfänglichen Setup-Kosten fürs Designsystem; Wartung wird danach günstiger, weil Standards wiederverwendet werden.",[29,486,487],{},"Lieferanten: Accessibility-Kriterien in Agentur- und Tool-Auswahl integrieren.",[21,489,491],{"id":490},"häufige-fragen-faq","Häufige Fragen (FAQ)",[493,494,496],"h3",{"id":495},"gilt-ab-2025-wirklich-eine-barrierefreie-website-pflicht-2025","Gilt ab 2025 wirklich eine „barrierefreie Website Pflicht 2025“?",[11,498,499],{},"Ab 28.06.2025 greifen die BFSG-Vorgaben für bestimmte Produkte und Dienstleistungen. Ist Ihre Website oder App zentraler Bestandteil einer solchen Dienstleistung (z. B. Shop, Buchung), gelten die Barrierefreiheitsanforderungen. Prüfen Sie den Einzelfall mit juristischem Rat.",[493,501,503],{"id":502},"trifft-das-bfsg-auch-kmu","Trifft das BFSG auch KMU?",[11,505,506],{},"Ja, wenn KMU betroffene Dienstleistungen anbieten. Es gibt Konstellationen mit Ausnahmen oder Erleichterungen, insbesondere für sehr kleine Anbieter. Ob und wie diese gelten, hängt vom konkreten Service ab. „Barrierefreiheitsstärkungsgesetz KMU“ sollte individuell geprüft werden.",[493,508,510],{"id":509},"was-ist-mit-rein-informatorischen-unternehmenswebseiten","Was ist mit rein informatorischen Unternehmenswebseiten?",[11,512,513],{},"Viele reine Image- oder Informationsseiten ohne Transaktionen fallen nicht unter das BFSG. Sobald jedoch Shop-, Buchungs-, Self-Service- oder vergleichbare Funktionen hinzukommen, kann die Pflicht greifen. Die Abgrenzung erfolgt über die erbrachte Dienstleistung.",[493,515,517],{"id":516},"welche-standards-muss-meine-website-erfüllen","Welche Standards muss meine Website erfüllen?",[11,519,520],{},"In der Praxis orientiert sich die Umsetzung an EN 301 549. Für Webinhalte bildet WCAG 2.1 auf Konformitätsstufe AA den Maßstab. Wer AA sauber erreicht, erfüllt den wesentlichen Teil der technischen Anforderungen.",[493,522,524],{"id":523},"gelten-die-anforderungen-auch-für-mobile-apps","Gelten die Anforderungen auch für Mobile Apps?",[11,526,527],{},"Ja. Apps, über die eine betroffene Dienstleistung angeboten oder bedient wird, müssen barrierefrei gestaltet sein. Planen Sie A11y daher plattformübergreifend (Web, iOS, Android) mit identischen Komponenten- und Content-Standards.",[493,529,531],{"id":530},"reicht-ein-accessibility-overlay","Reicht ein Accessibility-Overlay?",[11,533,534],{},"Nein. Overlays können in Einzelfällen helfen, beheben strukturelle Mängel aber nicht. Barrierefreiheit entsteht durch saubere Semantik, sinnvolle Inhalte, Kontraste, Fokusführung und getestete Interaktionen.",[493,536,538],{"id":537},"wie-lange-dauert-ein-a11y-relaunch","Wie lange dauert ein a11y-Relaunch?",[11,540,541],{},"Das hängt vom Umfang ab. Als grobe Orientierung sollten Sie mehrere Monate für Audit, Designsystem, Umsetzung und Tests einplanen. Wer 2025/2026 compliant sein will, startet idealerweise sofort mit Audit und Roadmap.",[493,543,545],{"id":544},"welche-risiken-drohen-bei-nichtbeachtung","Welche Risiken drohen bei Nichtbeachtung?",[11,547,548],{},"Neben Nutzungsbarrieren und schlechter User Experience drohen aufsichtsrechtliche Maßnahmen, Abmahnungen und Reputationsschäden. Außerdem werden Nachbesserungen im Live-Betrieb teurer als eine frühzeitige, strukturierte Umsetzung.",[493,550,552],{"id":551},"welche-tools-eignen-sich-für-den-start","Welche Tools eignen sich für den Start?",[11,554,555],{},"Für einen schnellen Einstieg: Lighthouse, axe DevTools, WAVE und Screenreader-Tests mit NVDA bzw. VoiceOver. Ergänzen Sie das um Kontrast-Checker und CI-Integrationen, damit Accessibility in jedem Merge geprüft wird.",[493,557,559],{"id":558},"müssen-pdfs-auch-barrierefrei-sein","Müssen PDFs auch barrierefrei sein?",[11,561,562],{},"Wenn PDFs Teil der betroffenen Dienstleistung sind (z. B. Formulare, Produktinfos), sollten sie barrierefrei aufbereitet werden. Planen Sie hierfür Prozesse oder Alternativen (HTML-Formulare) ein.",[21,564,566],{"id":565},"fazit","Fazit",[11,568,569],{},"BFSG 2025 macht Barrierefreiheit zur Pflicht für viele digitale Services – und zur Chance für bessere UX, Reichweite und Rechtssicherheit. Wer jetzt handelt, bringt Design, Content und Code auf einen nachhaltigen, wiederverwendbaren Standard.",[11,571,572],{},"Starten Sie mit einem A11y-Quick-Audit und einer konkreten Relaunch-Roadmap. Buchen Sie noch heute ein unverbindliches Beratungsgespräch – wir priorisieren Ihre To-dos, schätzen Aufwand und sichern Ihren Go-live gegen die BFSG-Anforderungen ab.",{"title":574,"searchDepth":575,"depth":575,"links":576},"",2,[577,578,579,580,581,582,583,584,585,586,599],{"id":23,"depth":575,"text":24},{"id":46,"depth":575,"text":47},{"id":62,"depth":575,"text":63},{"id":97,"depth":575,"text":98},{"id":242,"depth":575,"text":243},{"id":401,"depth":575,"text":402},{"id":425,"depth":575,"text":426},{"id":446,"depth":575,"text":447},{"id":472,"depth":575,"text":473},{"id":490,"depth":575,"text":491,"children":587},[588,590,591,592,593,594,595,596,597,598],{"id":495,"depth":589,"text":496},3,{"id":502,"depth":589,"text":503},{"id":509,"depth":589,"text":510},{"id":516,"depth":589,"text":517},{"id":523,"depth":589,"text":524},{"id":530,"depth":589,"text":531},{"id":537,"depth":589,"text":538},{"id":544,"depth":589,"text":545},{"id":551,"depth":589,"text":552},{"id":558,"depth":589,"text":559},{"id":565,"depth":575,"text":566},"2026-05-30","Ab 28.06.2025 greift das BFSG. Erfahren Sie, wann Ihre Website betroffen ist, was WCAG/EN 301 549 verlangen und wie Sie den Relaunch rechtzeitig planen.","md","/images/blog/ki-kmu-einstieg-thumbnail.png",{},"/blog/digitale-barrierefreiheit-a11y-ab-2025-was-das-barrierefreiheitsstaerkungsgesetz-fuer-webseiten-bedeutet",10,{"title":5,"description":601},"blog/digitale-barrierefreiheit-a11y-ab-2025-was-das-barrierefreiheitsstaerkungsgesetz-fuer-webseiten-bedeutet",[610,611,612,613,614,615],"Digitale Barrierefreiheit","BFSG","WCAG 2.1","Barrierefreie Website Pflicht 2025","KMU","Website Relaunch","aC7FK_MteN8iy5E1CYZPELafyxrcPVl1bJ8OF8UUxSU"]