{"id":5530,"date":"2026-10-05T10:44:52","date_gmt":"2026-10-05T08:44:52","guid":{"rendered":"https:\/\/wwwschutz.de\/blog\/?p=5530"},"modified":"2026-10-05T10:44:54","modified_gmt":"2026-10-05T08:44:54","slug":"barrierefreiheit-im-web-was-das-bfsg-fuer-ihre-website-bedeutet","status":"publish","type":"post","link":"https:\/\/wwwschutz.de\/blog\/barrierefreiheit-im-web-was-das-bfsg-fuer-ihre-website-bedeutet\/","title":{"rendered":"Barrierefreiheit im Web: Was das BFSG f\u00fcr Ihre Website bedeutet"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>Eine Website, die nicht jeder bedienen kann, verliert Besucher, Kunden und im ung\u00fcnstigen Fall auch Rechtssicherheit. Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG). Es verpflichtet viele Unternehmen, digitale Angebote f\u00fcr Verbraucher so zu gestalten, dass sie auch Menschen mit Einschr\u00e4nkungen nutzen k\u00f6nnen.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist das BFSG?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das BFSG setzt eine europ\u00e4ische Richtlinie um, den European Accessibility Act (EAA, Richtlinie 2019\/882). Ziel ist, dass m\u00f6glichst alle Menschen am digitalen Alltag teilhaben k\u00f6nnen: beim Online-Einkauf, beim Banking, beim Ticketkauf oder beim Lesen eines E-Books.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr Beh\u00f6rden und \u00f6ffentliche Stellen gelten \u00e4hnliche Pflichten schon l\u00e4nger, in Deutschland etwa \u00fcber die BITV 2.0. Neu ist, dass die Privatwirtschaft nun ebenfalls in die Pflicht genommen wird.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"608\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-1024x608.png\" alt=\"Zeitstrahl zum BFSG: 2019 EU-Richtlinie beschlossen, 2021 Gesetz verk\u00fcndet, 2022 Verordnung, 28. Juni 2025 Pflicht f\u00fcr neue Produkte und Dienstleistungen, 2030 Ende der \u00dcbergangsfrist f\u00fcr bestimmte Vertr\u00e4ge.\" class=\"wp-image-5532\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-1024x608.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-300x178.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-768x456.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-1536x913.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-2048x1217.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-640x380.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Vom EU-Beschluss bis zum Ende der \u00dcbergangsfristen: die wichtigsten Meilensteine des BFSG.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Barrierefreiheit betrifft mehr Menschen, als man zun\u00e4chst denkt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Menschen mit Seh- oder H\u00f6rbeeintr\u00e4chtigung<\/li>\n\n\n\n<li>Menschen mit motorischen Einschr\u00e4nkungen, die keine Maus bedienen k\u00f6nnen<\/li>\n\n\n\n<li>Menschen mit Lernschwierigkeiten oder Konzentrationsproblemen<\/li>\n\n\n\n<li>Farbfehlsichtige, davon sind rund 8 Prozent der M\u00e4nner betroffen<\/li>\n\n\n\n<li>\u00c4ltere Menschen mit nachlassendem Sehverm\u00f6gen<\/li>\n\n\n\n<li>Menschen mit vor\u00fcbergehenden Einschr\u00e4nkungen, etwa mit gebrochenem Arm oder in grellem Sonnenlicht auf dem Smartphone<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Wer ist betroffen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Gesetz gilt f\u00fcr Hersteller, H\u00e4ndler und Importeure bestimmter Produkte sowie f\u00fcr Anbieter bestimmter Dienstleistungen gegen\u00fcber Verbrauchern. F\u00fcr Websites sind vor allem die Dienstleistungen relevant. Dazu z\u00e4hlen unter anderem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Online-Shops und andere Angebote des elektronischen Gesch\u00e4ftsverkehrs<\/li>\n\n\n\n<li>Bankdienstleistungen f\u00fcr Verbraucher<\/li>\n\n\n\n<li>Personenbef\u00f6rderung, etwa Online-Buchung und Ticketkauf<\/li>\n\n\n\n<li>Telekommunikationsdienste<\/li>\n\n\n\n<li>Audiovisuelle Mediendienste<\/li>\n\n\n\n<li>E-Books und dazugeh\u00f6rige Software<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Bei den Produkten geht es unter anderem um Selbstbedienungsterminals wie Geldautomaten und Ticketautomaten, um Smartphones, Computer und E-Reader. Die genaue Zuordnung ist im Gesetz abschlie\u00dfend geregelt. Wichtig ist: Das BFSG zielt auf das Gesch\u00e4ft mit Verbrauchern (B2C). Reine B2B-Angebote fallen in der Regel nicht darunter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Die Ausnahme f\u00fcr Kleinstunternehmen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kleinstunternehmen sind f\u00fcr Dienstleistungen ausgenommen. Als Kleinstunternehmen gilt, wer weniger als zehn Personen besch\u00e4ftigt und einen Jahresumsatz oder eine Bilanzsumme von h\u00f6chstens zwei Millionen Euro hat. Beide Merkmale m\u00fcssen zusammen vorliegen, also kleine Mitarbeiterzahl und kleine Umsatz- oder Bilanzgr\u00f6\u00dfe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zwei Punkte werden h\u00e4ufig \u00fcbersehen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Die Ausnahme gilt nur f\u00fcr Dienstleistungen, nicht f\u00fcr Produkte. Wer als kleines Unternehmen selbst Produkte in Verkehr bringt, die unter das Gesetz fallen, muss die Anforderungen trotzdem erf\u00fcllen.<\/li>\n\n\n\n<li>Auch wenn die Pflicht entf\u00e4llt, ist eine zug\u00e4ngliche Website ein Qualit\u00e4tsmerkmal. Sie erreicht mehr Menschen und verbessert die Nutzbarkeit f\u00fcr alle.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr bestimmte bestehende Dienstleistungsvertr\u00e4ge gibt es zudem \u00dcbergangsregelungen, die bis Juni 2030 reichen. Ob das auf Ihren Fall zutrifft, sollten Sie im Einzelfall kl\u00e4ren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"994\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-1024x994.png\" alt=\"Entscheidungsschema in vier Schritten: 1. Angebot an Verbraucher? 2. Im Gesetz genannt? 3. Kleinstunternehmen mit unter 10 Besch\u00e4ftigten und h\u00f6chstens 2 Millionen Euro Umsatz oder Bilanzsumme? 4. Auch Produkte im Angebot? M\u00f6gliche Ergebnisse: voraussichtlich nicht betroffen, betroffen oder ausgenommen.\" class=\"wp-image-5534\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-1024x994.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-300x291.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-768x746.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-1536x1491.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-2048x1989.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-640x621.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Vier Fragen zur ersten Einordnung: Bin ich vom BFSG betroffen?<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeutet \u201ebarrierefrei\u201c konkret?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Gesetz selbst bleibt bei den technischen Details allgemein. Es verlangt, dass Angebote f\u00fcr Menschen mit Behinderungen auffindbar, zug\u00e4nglich und nutzbar sind, in der \u00fcblichen Weise und grunds\u00e4tzlich ohne fremde Hilfe. Die konkreten Ma\u00dfst\u00e4be liefert die europ\u00e4ische Norm EN 301 549. Sie gilt als harmonisierte Norm f\u00fcr IKT-Produkte und -Dienste und orientiert sich f\u00fcr Websites an den internationalen Web Content Accessibility Guidelines (WCAG). In der Praxis gilt WCAG 2.1 auf Konformit\u00e4tsstufe AA als Ma\u00dfstab. Die neuere Version WCAG 2.2 baut darauf auf, eine Orientierung daran ist daher sinnvoll.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die WCAG folgen vier Grundprinzipien:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Wahrnehmbar:<\/strong> Inhalte m\u00fcssen f\u00fcr die Sinne zug\u00e4nglich sein, zum Beispiel durch Alternativtexte f\u00fcr Bilder, Untertitel f\u00fcr Videos und ausreichende Kontraste.<\/li>\n\n\n\n<li><strong>Bedienbar:<\/strong> Alle Funktionen m\u00fcssen auch per Tastatur nutzbar sein. Nutzer brauchen genug Zeit und d\u00fcrfen nicht in Bedienelementen \u201egefangen\u201c werden.<\/li>\n\n\n\n<li><strong>Verst\u00e4ndlich:<\/strong> Texte sind klar formuliert, Formulare nachvollziehbar beschriftet, Fehlermeldungen hilfreich.<\/li>\n\n\n\n<li><strong>Robust:<\/strong> Der Code ist sauber genug, dass Hilfsmittel wie Screenreader die Seite korrekt auslesen k\u00f6nnen.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"801\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-1024x801.png\" alt=\"\" class=\"wp-image-5536\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-1024x801.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-300x235.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-768x601.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-1536x1202.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-2048x1603.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-640x501.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Die vier WCAG-Prinzipien im \u00dcberblick, englisch zusammengefasst als POUR.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Die h\u00e4ufigsten H\u00fcrden auf Websites<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die meisten Probleme sind keine Hexerei. Sie wiederholen sich auf sehr vielen Seiten. Vier davon lohnen einen genaueren Blick.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zu geringe Kontraste<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hellgrauer Text auf wei\u00dfem Grund wirkt modern, ist aber f\u00fcr viele kaum lesbar. Als Richtwert gilt ein Kontrastverh\u00e4ltnis von mindestens 4,5:1 f\u00fcr normalen Text. F\u00fcr gro\u00dfe Schrift und f\u00fcr die Rahmen von Bedienelementen gen\u00fcgen 3:1. Das gilt auch f\u00fcr Platzhaltertexte in Formularen, die h\u00e4ufig zu blass sind.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"868\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-1024x868.png\" alt=\"Drei Gegen\u00fcberstellungen von zu schwachem und ausreichendem Kontrast: Flie\u00dftext mit 2,8 zu 1 gegen\u00fcber 5,6 zu 1, Schaltfl\u00e4che mit wei\u00dfer Schrift auf Orange mit 2,0 zu 1 gegen\u00fcber Blau mit 5,7 zu 1, Platzhaltertext im Formularfeld mit 2,5 zu 1 gegen\u00fcber 5,4 zu 1.\" class=\"wp-image-5537\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-1024x868.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-300x254.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-768x651.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-1536x1302.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-2048x1736.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-640x543.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Gleiche Inhalte, andere Farben: Kontrastverh\u00e4ltnisse bei Text, Schaltfl\u00e4che und Platzhalter.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Information nur \u00fcber Farbe<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u201ePflichtfelder sind rot\u201c oder \u201eFehler erscheinen gr\u00fcn oder rot\u201c hilft Menschen mit Rot-Gr\u00fcn-Schw\u00e4che nicht. Zus\u00e4tzlich braucht es Text oder Symbole. Wie unterschiedlich dieselbe Statusanzeige wirken kann, zeigt die Simulation: Bei Deuteranopie und Protanopie sind Erfolg und Fehler kaum zu unterscheiden, bei Tritanopie wirkt Gelb rosa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"828\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-1024x828.png\" alt=\"\" class=\"wp-image-5538\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-1024x828.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-300x243.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-768x621.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-1536x1242.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-2048x1656.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-640x518.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Dieselben Statusfarben in vier Sehweisen. Die Simulation ist eine N\u00e4herung und je nach Monitor unterschiedlich.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Unordnung bei den \u00dcberschriften<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcberschriften werden oft nach Optik statt nach Struktur gew\u00e4hlt. Ebenen werden \u00fcbersprungen, und kleine \u00dcberschriften landen als H5, weil die Schrift gef\u00e4llt. F\u00fcr Screenreader-Nutzer ist die \u00dcberschriftenliste aber eine der wichtigsten Navigationshilfen. Die Faustregel: eine H1 pro Seite, darunter H2, darunter H3, ohne L\u00fccken. Das Aussehen steuern Sie \u00fcber CSS, nicht \u00fcber die Ebene.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"828\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-1024x828.png\" alt=\"\" class=\"wp-image-5544\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-1024x828.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-300x243.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-768x621.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-1536x1242.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-2048x1656.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-640x518.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Eifnach einzuhalten, aber dennoh oft falsch: Die Struktur der \u00dcberschriften. <\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Formulare ohne Beschriftung und mit unklaren Fehlern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Felder, die nur einen Platzhaltertext haben, verlieren beim Tippen ihre Bedeutung und sind f\u00fcr Hilfsmittel schlecht erkennbar. Fehler, die nur durch einen roten Rahmen angezeigt werden, bleiben f\u00fcr viele unsichtbar. Besser: ein dauerhaft sichtbares Label, ein benanntes Pflichtfeld und eine Fehlermeldung mit Symbol und Hilfe.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"810\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-1024x810.png\" alt=\"\" class=\"wp-image-5540\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-1024x810.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-300x237.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-768x608.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-1536x1215.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-2048x1621.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-640x506.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Dasselbe Formular, zwei Umsetzungen: links schwer nutzbar, rechts gut nutzbar.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Technisch geh\u00f6rt dazu, dass Label, Feld und Fehlermeldung miteinander verkn\u00fcpft sind, damit Screenreader sie vorlesen. Ein Beispiel:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;label for=\"email\"&gt;E-Mail-Adresse (Pflichtfeld)&lt;\/label&gt;\n&lt;input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" aria-describedby=\"email-fehler\" required&gt;\n&lt;p id=\"email-fehler\"&gt;Bitte vollst\u00e4ndige Adresse eingeben, zum Beispiel anna@beispiel.de&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Weitere typische H\u00fcrden sind fehlende Alternativtexte, Men\u00fcs und Pop-ups, die sich nicht per Tastatur bedienen lassen, Videos ohne Untertitel und nicht auslesbare PDFs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mehr als Technik: Informationspflichten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das BFSG verlangt nicht nur eine zug\u00e4ngliche Oberfl\u00e4che. Anbieter m\u00fcssen auch erkl\u00e4ren, wie ihr Angebot die Anforderungen erf\u00fcllt. Dazu geh\u00f6ren in der Regel allgemein verst\u00e4ndliche Informationen zur Barrierefreiheit der Dienstleistung, etwa in den AGB oder auf einer eigenen Seite. Sinnvoll ist au\u00dferdem eine M\u00f6glichkeit, Barrieren zu melden, zum Beispiel \u00fcber eine Kontaktadresse. Bew\u00e4hrt hat sich eine eigene Seite \u201eBarrierefreiheit\u201c mit:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dem aktuellen Stand der Umsetzung<\/li>\n\n\n\n<li>bekannten Einschr\u00e4nkungen und geplanten Verbesserungen<\/li>\n\n\n\n<li>einem Ansprechpartner f\u00fcr R\u00fcckmeldungen<\/li>\n\n\n\n<li>dem Datum der letzten Pr\u00fcfung<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Halten Sie au\u00dferdem fest, was Sie gepr\u00fcft und verbessert haben. Diese Dokumentation hilft im Zweifel, wenn eine Beh\u00f6rde nachfragt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was droht bei Verst\u00f6\u00dfen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die \u00dcberwachung liegt bei den L\u00e4ndern. Zust\u00e4ndig ist die gemeinsame Markt\u00fcberwachung der L\u00e4nder f\u00fcr die Barrierefreiheit von Produkten und Dienstleistungen (MLBF), die in Sachsen-Anhalt angesiedelt ist. Sie kann bei M\u00e4ngeln Ma\u00dfnahmen anordnen und Bu\u00dfgelder verh\u00e4ngen. Der Rahmen: bis zu 100.000 Euro in schweren F\u00e4llen, bis zu 10.000 Euro in den \u00fcbrigen F\u00e4llen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hinzu kommen m\u00f6gliche Abmahnungen oder Beschwerden. Wie weit solche Anspr\u00fcche im Einzelfall tragen, ist rechtlich teilweise noch in Bewegung. Verlassen Sie sich hier nicht auf pauschale Aussagen, sondern lassen Sie kritische F\u00e4lle juristisch einordnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der wichtigere Punkt ist ohnehin ein anderer: Eine unzug\u00e4ngliche Seite kostet t\u00e4glich Besucher und Umsatz, auch ohne dass jemals ein Bu\u00dfgeld im Raum steht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So pr\u00fcfen Sie Ihre Website<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine vollst\u00e4ndige Pr\u00fcfung besteht aus zwei Teilen: einer schnellen Selbstpr\u00fcfung und einer automatisierten Analyse, erg\u00e4nzt um menschliche Beurteilung.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Selbsttest in zehn Minuten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Schon ohne Spezialwerkzeug erkennen Sie grobe M\u00e4ngel:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Tastaturtest:<\/strong> Legen Sie die Maus weg und bedienen Sie die Seite nur mit Tab, Umschalt+Tab, Enter und Leertaste. Erreichen Sie Men\u00fc, Suche, Formulare und Warenkorb? Sehen Sie immer, wo Sie sich befinden?<\/li>\n\n\n\n<li><strong>Zoomtest:<\/strong> Vergr\u00f6\u00dfern Sie die Seite im Browser auf 200 Prozent. Bleiben alle Inhalte nutzbar, ohne dass Texte abgeschnitten werden oder sich \u00fcberlagern?<\/li>\n\n\n\n<li><strong>Kontrasttest:<\/strong> Lesen Sie Ihre Seite bei niedriger Bildschirmhelligkeit. Wenn Sie etwas kaum erkennen, geht es anderen genauso.<\/li>\n\n\n\n<li><strong>Screenreader-Test:<\/strong> Probieren Sie ein Vorlesewerkzeug wie NVDA (Windows, kostenlos) oder VoiceOver (Apple) aus. Werden \u00dcberschriften, Links und Formularfelder sinnvoll vorgelesen?<\/li>\n\n\n\n<li><strong>Farbtest:<\/strong> Betrachten Sie die Seite in Graustufen. Sind Zust\u00e4nde und Hinweise noch unterscheidbar?<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-1024x730.png\" alt=\"\" class=\"wp-image-5541\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-1024x730.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-300x214.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-768x548.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-1536x1095.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-2048x1460.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-640x456.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Tastaturtest: Links ist der aktive Eintrag erkennbar, rechts nicht.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Fehlt der Fokusrahmen, liegt es oft an einer CSS-Regel, die den Standardrahmen ersatzlos entfernt. Der Rahmen darf angepasst, aber nicht ersatzlos gestrichen werden. F\u00fcr die Tastaturbedienung eignet sich die Pseudoklasse <code>:focus-visible<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>a:focus-visible,\nbutton:focus-visible,\ninput:focus-visible {\n  outline: 3px solid #1F5FD6;\n  outline-offset: 3px;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Automatisierte Pr\u00fcfung<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Automatisierte Tests finden viele typische Fehler zuverl\u00e4ssig und auf allen Seiten, ohne dass Sie jede Unterseite einzeln durchklicken m\u00fcssen: zu geringe Kontraste, fehlende Alternativtexte, fehlerhafte ARIA-Attribute, \u00fcbersprungene \u00dcberschriftenebenen oder Formularfelder ohne Beschriftung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Beispiel f\u00fcr so ein Werkzeug ist der <a href=\"https:\/\/wwwschutz.de\/accessibility-check.html\">Barrierefreiheits-Check<\/a> von IT Logic. Er pr\u00fcft nach WCAG (Level A und AA), nennt zu jedem Befund die Fundstelle und liefert bei Kontrastproblemen gleich passende Alternativfarben. Besonders anschaulich ist die Simulation von sieben Formen der Farbsehschw\u00e4che, denn sie zeigt Ihnen, wie Ihre Startseite f\u00fcr Menschen mit Rot-Gr\u00fcn-, Blau- oder vollst\u00e4ndiger Farbenblindheit tats\u00e4chlich wirkt. Das ist oft aufschlussreicher als jede Fehlerliste.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wichtig ist die Einordnung: Automatische Tests decken erfahrungsgem\u00e4\u00df nur etwa 30 bis 40 Prozent der Kriterien zuverl\u00e4ssig ab. Ob ein Alternativtext sinnvoll ist, ob die Reihenfolge beim Vorlesen logisch ist oder ob ein Formular verst\u00e4ndlich bleibt, kann nur ein Mensch beurteilen. Der automatische Scan ist deshalb der effiziente erste Schritt, ersetzt aber keine manuelle Pr\u00fcfung.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"801\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-1024x801.png\" alt=\"\" class=\"wp-image-5543\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-1024x801.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-300x235.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-768x601.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-1536x1202.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-2048x1603.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-640x501.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Was Werkzeuge zuverl\u00e4ssig finden und was nur Menschen beurteilen. Der Anteil ist ein Richtwert und h\u00e4ngt von Werkzeug, Seite und Z\u00e4hlweise ab.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Wie ein brauchbarer Pr\u00fcfbericht aussieht<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ein guter Bericht nennt nicht nur Fehler, sondern auch Fundstelle, Messwert und einen konkreten L\u00f6sungsvorschlag. Der <a href=\"https:\/\/wwwschutz.de\/Daten\/reports\/beispiel_barrierefreiheit_global.html\">Beispielbericht<\/a> zu einer Demo-Website zeigt das etwa an einem Textelement: Gelber Text auf wei\u00dfem Grund erreicht nur 1,47:1 und f\u00e4llt damit durch. Der Bericht nennt das betroffene Element samt Text und schl\u00e4gt mehrere Alternativen vor, die alle den Wert AA erreichen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"754\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-1024x754.png\" alt=\"\" class=\"wp-image-5546\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-1024x754.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-300x221.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-768x565.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-1536x1131.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-2048x1508.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-640x471.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ein Befund mit Fundstelle, Messwert und L\u00f6sungsvorschl\u00e4gen, nachgezeichnet nach einem Beispielbericht.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Aufschlussreich sind auch F\u00e4lle, die den normalen Test bestehen und erst bei Farbenblindheit scheitern. In der Auswertung der Demo-Seite waren das von 37 gepr\u00fcften Farbpaaren zwar nur eines, aber genau dieses Paar w\u00e4re ohne Simulation nicht aufgefallen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"828\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-1024x828.png\" alt=\"\" class=\"wp-image-5547\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-1024x828.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-300x243.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-768x621.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-1536x1242.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-2048x1656.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-640x518.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ergebnis eines Beispielberichts und die Warnung f\u00fcr ein Farbpaar, das nur bei Farbenblindheit durchf\u00e4llt.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Barrierefreiheit und Sicherheit geh\u00f6ren zusammen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Auf den ersten Blick sind Barrierefreiheit und IT-Sicherheit zwei getrennte Themen. In der Praxis haben sie viel gemeinsam: Beide sind Qualit\u00e4tsmerkmale, beide lassen sich zum gro\u00dfen Teil automatisiert pr\u00fcfen, und beide leiden unter demselben Problem, n\u00e4mlich dass M\u00e4ngel im Alltag unbemerkt bleiben, bis etwas passiert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sinnvoll ist deshalb, die Website als Ganzes zu betrachten. Der Barrierefreiheits-Check ist Teil des <a href=\"https:\/\/wwwschutz.de\/security-checks.html\">Website Security Checks<\/a>. Dort werden neben der Zug\u00e4nglichkeit unter anderem DNS- und Hosting-Einstellungen, bekannte Schwachstellen (CVE), JavaScript, CMS und Plugins sowie Kontaktformulare untersucht. Der Vorteil: ein Scan, ein Pr\u00fcfzeitpunkt und mehrere Berichte f\u00fcr unterschiedliche Rollen, vom Kurzbericht f\u00fcr die Gesch\u00e4ftsf\u00fchrung bis zum technischen Audit f\u00fcr Entwickler.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"781\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-1024x781.png\" alt=\"\" class=\"wp-image-5548\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-1024x781.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-300x229.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-768x585.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-1536x1171.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-2048x1561.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-640x488.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ein Scan, vier Berichte: Jede Zielgruppe bekommt die Ansicht, die sie braucht.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Es gibt auch handfeste inhaltliche \u00dcberschneidungen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Saubere Struktur und semantisches HTML helfen Screenreadern und Suchmaschinen gleicherma\u00dfen.<\/li>\n\n\n\n<li>Gut beschriftete Formulare sind zug\u00e4nglicher und weniger fehleranf\u00e4llig.<\/li>\n\n\n\n<li>Verst\u00e4ndliche Bedienung senkt die Abbruchquote, im Shop ebenso wie im Kontaktformular.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ein praktischer Fahrplan<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Betroffenheit kl\u00e4ren:<\/strong> F\u00e4llt Ihr Angebot unter das BFSG? Pr\u00fcfen Sie Zielgruppe (Verbraucher), Art des Angebots und Unternehmensgr\u00f6\u00dfe.<\/li>\n\n\n\n<li><strong>Bestandsaufnahme:<\/strong> Automatisierter Scan plus kurzer Selbsttest. Ergebnis ist eine Liste der Probleme.<\/li>\n\n\n\n<li><strong>Priorisieren:<\/strong> Beginnen Sie bei H\u00fcrden, die die Nutzung blockieren, etwa Kaufabschluss, Anmeldung und Kontaktformular. Kosmetische M\u00e4ngel kommen sp\u00e4ter.<\/li>\n\n\n\n<li><strong>Beheben:<\/strong> Die meisten Befunde lassen sich mit \u00fcberschaubarem Aufwand l\u00f6sen: Farben anpassen, Alternativtexte erg\u00e4nzen, Beschriftungen korrigieren, \u00dcberschriften ordnen.<\/li>\n\n\n\n<li><strong>Neu pr\u00fcfen:<\/strong> Kontrollieren Sie nach den Korrekturen, ob die Ma\u00dfnahmen wirken.<\/li>\n\n\n\n<li><strong>Erkl\u00e4rung ver\u00f6ffentlichen:<\/strong> Informieren Sie \u00fcber den Stand und bieten Sie einen Kontaktweg f\u00fcr R\u00fcckmeldungen an.<\/li>\n\n\n\n<li><strong>Dranbleiben:<\/strong> Barrierefreiheit ist kein Projekt mit Enddatum. Bei neuen Inhalten, Design\u00e4nderungen, Plugins und Updates entstehen neue Fehler. Planen Sie regelm\u00e4\u00dfige Pr\u00fcfungen ein.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"776\" src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-1024x776.png\" alt=\"\" class=\"wp-image-5549\" srcset=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-1024x776.png 1024w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-300x227.png 300w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-768x582.png 768w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-1536x1164.png 1536w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-2048x1552.png 2048w, https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-640x485.png 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Der Fahrplan als Kreislauf: Von der Einordnung bis zur dauerhaften Pflege.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fragen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Gilt das BFSG auch f\u00fcr meine private Website oder meinen Blog?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nein, rein private oder nicht kommerzielle Seiten ohne Verbraucherangebot im Sinne des Gesetzes sind in der Regel nicht betroffen. Ein Blog, der nur informiert, ist etwas anderes als ein Shop oder eine Buchungsplattform. Im Zweifel hilft eine Einzelfallpr\u00fcfung.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reicht ein Overlay oder Plugin, das die Seite \u201eautomatisch barrierefrei\u201c macht?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Solche Zusatzwerkzeuge k\u00f6nnen einzelne Funktionen bieten, etwa Schriftvergr\u00f6\u00dferung. Sie beheben aber nicht die Ursachen im Code und ersetzen keine saubere Umsetzung. Verlassen Sie sich nicht darauf, damit die Anforderungen zu erf\u00fcllen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Muss meine ganze Website barrierefrei sein?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Entscheidend ist, dass die Teile, \u00fcber die Verbraucher Ihre Dienstleistung nutzen, zug\u00e4nglich sind: Information, Bestellung, Buchung, Kundenkonto, Kontakt. Praktisch ist es am einfachsten, die gesamte Seite einheitlich sauber aufzubauen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was ist mit PDFs, Videos und Apps?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Auch sie geh\u00f6ren dazu, wenn sie Teil Ihres Angebots sind. PDFs sollten strukturiert und auslesbar sein, Videos Untertitel haben, mobile Apps die gleichen Grunds\u00e4tze erf\u00fcllen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reicht WCAG 2.1 AA, oder soll ich WCAG 2.2 umsetzen?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Als rechtliche Orientierung dient die EN 301 549, die bislang auf WCAG 2.1 AA aufbaut. WCAG 2.2 erg\u00e4nzt zus\u00e4tzliche Kriterien, etwa f\u00fcr mobile Bedienung und Fokusdarstellung. Wer ohnehin neu baut oder \u00fcberarbeitet, sollte sich gleich an 2.2 orientieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie oft sollte ich pr\u00fcfen?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mindestens bei jeder gr\u00f6\u00dferen \u00c4nderung an Design, Struktur oder Funktionen und zus\u00e4tzlich in festen Abst\u00e4nden, zum Beispiel halbj\u00e4hrlich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das BFSG ist weniger H\u00fcrde als Ansto\u00df. Die meisten Probleme sind bekannt, gut beschrieben und mit vertretbarem Aufwand l\u00f6sbar. Wer jetzt systematisch vorgeht, also Betroffenheit kl\u00e4rt, den Ist-Zustand pr\u00fcft, die wichtigsten Barrieren beseitigt und den Stand dokumentiert, erf\u00fcllt nicht nur eine gesetzliche Anforderung, sondern verbessert zugleich Nutzbarkeit, Auffindbarkeit und Vertrauen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit einem <a href=\"https:\/\/wwwschutz.de\/security-checks.html\">automatisierten Check<\/a> k\u00f6nnen viele Probleme zur Barrierefreiheit gefunden und m\u00f6gliche L\u00f6sungen geliefert werden. So k\u00f6nnen Webseiten, die auch f\u00fcr beeintr\u00e4chtigte Personen gut zug\u00e4nglich sind, mit vertretbarem Aufwand entstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG) verpflichtet in Deutschland viele Unternehmen, digitale Angebote f\u00fcr Menschen mit Behinderungen zug\u00e4nglich zu gestalten. Umfasst sind  Websites, Online-Shops,  Bankingdienste und mehr.  Es gelten klare technische Vorgaben zur Barrierefreiheit, die in der Europ\u00e4ischen Norm EN 301 549 und den Web Content Accessibility Guidelines (WCAG) festgelegt sind.<\/p>\n","protected":false},"author":4,"featured_media":5531,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","entry"],"blocks":"<!-- wp:paragraph -->\n<p><em>Eine Website, die nicht jeder bedienen kann, verliert Besucher, Kunden und im ung\u00fcnstigen Fall auch Rechtssicherheit. Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG). Es verpflichtet viele Unternehmen, digitale Angebote f\u00fcr Verbraucher so zu gestalten, dass sie auch Menschen mit Einschr\u00e4nkungen nutzen k\u00f6nnen.<\/em><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Was ist das BFSG?<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Das BFSG setzt eine europ\u00e4ische Richtlinie um, den European Accessibility Act (EAA, Richtlinie 2019\/882). Ziel ist, dass m\u00f6glichst alle Menschen am digitalen Alltag teilhaben k\u00f6nnen: beim Online-Einkauf, beim Banking, beim Ticketkauf oder beim Lesen eines E-Books.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>F\u00fcr Beh\u00f6rden und \u00f6ffentliche Stellen gelten \u00e4hnliche Pflichten schon l\u00e4nger, in Deutschland etwa \u00fcber die BITV 2.0. Neu ist, dass die Privatwirtschaft nun ebenfalls in die Pflicht genommen wird.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5532,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/zeitstrahl_bfsg_meilensteine-1024x608.png\" alt=\"Zeitstrahl zum BFSG: 2019 EU-Richtlinie beschlossen, 2021 Gesetz verk\u00fcndet, 2022 Verordnung, 28. Juni 2025 Pflicht f\u00fcr neue Produkte und Dienstleistungen, 2030 Ende der \u00dcbergangsfrist f\u00fcr bestimmte Vertr\u00e4ge.\" class=\"wp-image-5532\"\/><figcaption class=\"wp-element-caption\">Vom EU-Beschluss bis zum Ende der \u00dcbergangsfristen: die wichtigsten Meilensteine des BFSG.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Barrierefreiheit betrifft mehr Menschen, als man zun\u00e4chst denkt:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Menschen mit Seh- oder H\u00f6rbeeintr\u00e4chtigung<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Menschen mit motorischen Einschr\u00e4nkungen, die keine Maus bedienen k\u00f6nnen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Menschen mit Lernschwierigkeiten oder Konzentrationsproblemen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Farbfehlsichtige, davon sind rund 8 Prozent der M\u00e4nner betroffen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>\u00c4ltere Menschen mit nachlassendem Sehverm\u00f6gen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Menschen mit vor\u00fcbergehenden Einschr\u00e4nkungen, etwa mit gebrochenem Arm oder in grellem Sonnenlicht auf dem Smartphone<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Wer ist betroffen?<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Das Gesetz gilt f\u00fcr Hersteller, H\u00e4ndler und Importeure bestimmter Produkte sowie f\u00fcr Anbieter bestimmter Dienstleistungen gegen\u00fcber Verbrauchern. F\u00fcr Websites sind vor allem die Dienstleistungen relevant. Dazu z\u00e4hlen unter anderem:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Online-Shops und andere Angebote des elektronischen Gesch\u00e4ftsverkehrs<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Bankdienstleistungen f\u00fcr Verbraucher<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Personenbef\u00f6rderung, etwa Online-Buchung und Ticketkauf<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Telekommunikationsdienste<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Audiovisuelle Mediendienste<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>E-Books und dazugeh\u00f6rige Software<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Bei den Produkten geht es unter anderem um Selbstbedienungsterminals wie Geldautomaten und Ticketautomaten, um Smartphones, Computer und E-Reader. Die genaue Zuordnung ist im Gesetz abschlie\u00dfend geregelt. Wichtig ist: Das BFSG zielt auf das Gesch\u00e4ft mit Verbrauchern (B2C). Reine B2B-Angebote fallen in der Regel nicht darunter.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Die Ausnahme f\u00fcr Kleinstunternehmen<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Kleinstunternehmen sind f\u00fcr Dienstleistungen ausgenommen. Als Kleinstunternehmen gilt, wer weniger als zehn Personen besch\u00e4ftigt und einen Jahresumsatz oder eine Bilanzsumme von h\u00f6chstens zwei Millionen Euro hat. Beide Merkmale m\u00fcssen zusammen vorliegen, also kleine Mitarbeiterzahl und kleine Umsatz- oder Bilanzgr\u00f6\u00dfe.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Zwei Punkte werden h\u00e4ufig \u00fcbersehen:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Die Ausnahme gilt nur f\u00fcr Dienstleistungen, nicht f\u00fcr Produkte. Wer als kleines Unternehmen selbst Produkte in Verkehr bringt, die unter das Gesetz fallen, muss die Anforderungen trotzdem erf\u00fcllen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Auch wenn die Pflicht entf\u00e4llt, ist eine zug\u00e4ngliche Website ein Qualit\u00e4tsmerkmal. Sie erreicht mehr Menschen und verbessert die Nutzbarkeit f\u00fcr alle.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>F\u00fcr bestimmte bestehende Dienstleistungsvertr\u00e4ge gibt es zudem \u00dcbergangsregelungen, die bis Juni 2030 reichen. Ob das auf Ihren Fall zutrifft, sollten Sie im Einzelfall kl\u00e4ren.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5534,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/entscheidungsschema_bfsg_betroffen-1024x994.png\" alt=\"Entscheidungsschema in vier Schritten: 1. Angebot an Verbraucher? 2. Im Gesetz genannt? 3. Kleinstunternehmen mit unter 10 Besch\u00e4ftigten und h\u00f6chstens 2 Millionen Euro Umsatz oder Bilanzsumme? 4. Auch Produkte im Angebot? M\u00f6gliche Ergebnisse: voraussichtlich nicht betroffen, betroffen oder ausgenommen.\" class=\"wp-image-5534\"\/><figcaption class=\"wp-element-caption\">Vier Fragen zur ersten Einordnung: Bin ich vom BFSG betroffen?<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Was bedeutet \u201ebarrierefrei\u201c konkret?<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Das Gesetz selbst bleibt bei den technischen Details allgemein. Es verlangt, dass Angebote f\u00fcr Menschen mit Behinderungen auffindbar, zug\u00e4nglich und nutzbar sind, in der \u00fcblichen Weise und grunds\u00e4tzlich ohne fremde Hilfe. Die konkreten Ma\u00dfst\u00e4be liefert die europ\u00e4ische Norm EN 301 549. Sie gilt als harmonisierte Norm f\u00fcr IKT-Produkte und -Dienste und orientiert sich f\u00fcr Websites an den internationalen Web Content Accessibility Guidelines (WCAG). In der Praxis gilt WCAG 2.1 auf Konformit\u00e4tsstufe AA als Ma\u00dfstab. Die neuere Version WCAG 2.2 baut darauf auf, eine Orientierung daran ist daher sinnvoll.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Die WCAG folgen vier Grundprinzipien:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Wahrnehmbar:<\/strong> Inhalte m\u00fcssen f\u00fcr die Sinne zug\u00e4nglich sein, zum Beispiel durch Alternativtexte f\u00fcr Bilder, Untertitel f\u00fcr Videos und ausreichende Kontraste.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Bedienbar:<\/strong> Alle Funktionen m\u00fcssen auch per Tastatur nutzbar sein. Nutzer brauchen genug Zeit und d\u00fcrfen nicht in Bedienelementen \u201egefangen\u201c werden.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Verst\u00e4ndlich:<\/strong> Texte sind klar formuliert, Formulare nachvollziehbar beschriftet, Fehlermeldungen hilfreich.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Robust:<\/strong> Der Code ist sauber genug, dass Hilfsmittel wie Screenreader die Seite korrekt auslesen k\u00f6nnen.<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":5536,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/wcag_vier_prinzipien_pour-1024x801.png\" alt=\"\" class=\"wp-image-5536\"\/><figcaption class=\"wp-element-caption\">Die vier WCAG-Prinzipien im \u00dcberblick, englisch zusammengefasst als POUR.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Die h\u00e4ufigsten H\u00fcrden auf Websites<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Die meisten Probleme sind keine Hexerei. Sie wiederholen sich auf sehr vielen Seiten. Vier davon lohnen einen genaueren Blick.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Zu geringe Kontraste<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Hellgrauer Text auf wei\u00dfem Grund wirkt modern, ist aber f\u00fcr viele kaum lesbar. Als Richtwert gilt ein Kontrastverh\u00e4ltnis von mindestens 4,5:1 f\u00fcr normalen Text. F\u00fcr gro\u00dfe Schrift und f\u00fcr die Rahmen von Bedienelementen gen\u00fcgen 3:1. Das gilt auch f\u00fcr Platzhaltertexte in Formularen, die h\u00e4ufig zu blass sind.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5537,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/kontrast_vorher_nachher_wcag-1024x868.png\" alt=\"Drei Gegen\u00fcberstellungen von zu schwachem und ausreichendem Kontrast: Flie\u00dftext mit 2,8 zu 1 gegen\u00fcber 5,6 zu 1, Schaltfl\u00e4che mit wei\u00dfer Schrift auf Orange mit 2,0 zu 1 gegen\u00fcber Blau mit 5,7 zu 1, Platzhaltertext im Formularfeld mit 2,5 zu 1 gegen\u00fcber 5,4 zu 1.\" class=\"wp-image-5537\"\/><figcaption class=\"wp-element-caption\">Gleiche Inhalte, andere Farben: Kontrastverh\u00e4ltnisse bei Text, Schaltfl\u00e4che und Platzhalter.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Information nur \u00fcber Farbe<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>\u201ePflichtfelder sind rot\u201c oder \u201eFehler erscheinen gr\u00fcn oder rot\u201c hilft Menschen mit Rot-Gr\u00fcn-Schw\u00e4che nicht. Zus\u00e4tzlich braucht es Text oder Symbole. Wie unterschiedlich dieselbe Statusanzeige wirken kann, zeigt die Simulation: Bei Deuteranopie und Protanopie sind Erfolg und Fehler kaum zu unterscheiden, bei Tritanopie wirkt Gelb rosa.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5538,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/farbenblindheits_simulation_statusfarben-1024x828.png\" alt=\"\" class=\"wp-image-5538\"\/><figcaption class=\"wp-element-caption\">Dieselben Statusfarben in vier Sehweisen. Die Simulation ist eine N\u00e4herung und je nach Monitor unterschiedlich.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Unordnung bei den \u00dcberschriften<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>\u00dcberschriften werden oft nach Optik statt nach Struktur gew\u00e4hlt. Ebenen werden \u00fcbersprungen, und kleine \u00dcberschriften landen als H5, weil die Schrift gef\u00e4llt. F\u00fcr Screenreader-Nutzer ist die \u00dcberschriftenliste aber eine der wichtigsten Navigationshilfen. Die Faustregel: eine H1 pro Seite, darunter H2, darunter H3, ohne L\u00fccken. Das Aussehen steuern Sie \u00fcber CSS, nicht \u00fcber die Ebene.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5544,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/ueberschriften_struktur_schwach_und_besser-1024x828.png\" alt=\"\" class=\"wp-image-5544\"\/><figcaption class=\"wp-element-caption\">Eifnach einzuhalten, aber dennoh oft falsch: Die Struktur der \u00dcberschriften. <\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Formulare ohne Beschriftung und mit unklaren Fehlern<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Felder, die nur einen Platzhaltertext haben, verlieren beim Tippen ihre Bedeutung und sind f\u00fcr Hilfsmittel schlecht erkennbar. Fehler, die nur durch einen roten Rahmen angezeigt werden, bleiben f\u00fcr viele unsichtbar. Besser: ein dauerhaft sichtbares Label, ein benanntes Pflichtfeld und eine Fehlermeldung mit Symbol und Hilfe.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5540,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/formular_schwach_und_besser_barrierefrei-1024x810.png\" alt=\"\" class=\"wp-image-5540\"\/><figcaption class=\"wp-element-caption\">Dasselbe Formular, zwei Umsetzungen: links schwer nutzbar, rechts gut nutzbar.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Technisch geh\u00f6rt dazu, dass Label, Feld und Fehlermeldung miteinander verkn\u00fcpft sind, damit Screenreader sie vorlesen. Ein Beispiel:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>&lt;label for=\"email\"&gt;E-Mail-Adresse (Pflichtfeld)&lt;\/label&gt;\n&lt;input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" aria-describedby=\"email-fehler\" required&gt;\n&lt;p id=\"email-fehler\"&gt;Bitte vollst\u00e4ndige Adresse eingeben, zum Beispiel anna@beispiel.de&lt;\/p&gt;<\/code><\/pre>\n<!-- \/wp:code -->\n\n<!-- wp:paragraph -->\n<p>Weitere typische H\u00fcrden sind fehlende Alternativtexte, Men\u00fcs und Pop-ups, die sich nicht per Tastatur bedienen lassen, Videos ohne Untertitel und nicht auslesbare PDFs.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Mehr als Technik: Informationspflichten<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Das BFSG verlangt nicht nur eine zug\u00e4ngliche Oberfl\u00e4che. Anbieter m\u00fcssen auch erkl\u00e4ren, wie ihr Angebot die Anforderungen erf\u00fcllt. Dazu geh\u00f6ren in der Regel allgemein verst\u00e4ndliche Informationen zur Barrierefreiheit der Dienstleistung, etwa in den AGB oder auf einer eigenen Seite. Sinnvoll ist au\u00dferdem eine M\u00f6glichkeit, Barrieren zu melden, zum Beispiel \u00fcber eine Kontaktadresse. Bew\u00e4hrt hat sich eine eigene Seite \u201eBarrierefreiheit\u201c mit:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>dem aktuellen Stand der Umsetzung<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>bekannten Einschr\u00e4nkungen und geplanten Verbesserungen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>einem Ansprechpartner f\u00fcr R\u00fcckmeldungen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>dem Datum der letzten Pr\u00fcfung<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Halten Sie au\u00dferdem fest, was Sie gepr\u00fcft und verbessert haben. Diese Dokumentation hilft im Zweifel, wenn eine Beh\u00f6rde nachfragt.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Was droht bei Verst\u00f6\u00dfen?<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Die \u00dcberwachung liegt bei den L\u00e4ndern. Zust\u00e4ndig ist die gemeinsame Markt\u00fcberwachung der L\u00e4nder f\u00fcr die Barrierefreiheit von Produkten und Dienstleistungen (MLBF), die in Sachsen-Anhalt angesiedelt ist. Sie kann bei M\u00e4ngeln Ma\u00dfnahmen anordnen und Bu\u00dfgelder verh\u00e4ngen. Der Rahmen: bis zu 100.000 Euro in schweren F\u00e4llen, bis zu 10.000 Euro in den \u00fcbrigen F\u00e4llen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Hinzu kommen m\u00f6gliche Abmahnungen oder Beschwerden. Wie weit solche Anspr\u00fcche im Einzelfall tragen, ist rechtlich teilweise noch in Bewegung. Verlassen Sie sich hier nicht auf pauschale Aussagen, sondern lassen Sie kritische F\u00e4lle juristisch einordnen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Der wichtigere Punkt ist ohnehin ein anderer: Eine unzug\u00e4ngliche Seite kostet t\u00e4glich Besucher und Umsatz, auch ohne dass jemals ein Bu\u00dfgeld im Raum steht.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">So pr\u00fcfen Sie Ihre Website<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Eine vollst\u00e4ndige Pr\u00fcfung besteht aus zwei Teilen: einer schnellen Selbstpr\u00fcfung und einer automatisierten Analyse, erg\u00e4nzt um menschliche Beurteilung.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Selbsttest in zehn Minuten<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Schon ohne Spezialwerkzeug erkennen Sie grobe M\u00e4ngel:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Tastaturtest:<\/strong> Legen Sie die Maus weg und bedienen Sie die Seite nur mit Tab, Umschalt+Tab, Enter und Leertaste. Erreichen Sie Men\u00fc, Suche, Formulare und Warenkorb? Sehen Sie immer, wo Sie sich befinden?<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Zoomtest:<\/strong> Vergr\u00f6\u00dfern Sie die Seite im Browser auf 200 Prozent. Bleiben alle Inhalte nutzbar, ohne dass Texte abgeschnitten werden oder sich \u00fcberlagern?<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Kontrasttest:<\/strong> Lesen Sie Ihre Seite bei niedriger Bildschirmhelligkeit. Wenn Sie etwas kaum erkennen, geht es anderen genauso.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Screenreader-Test:<\/strong> Probieren Sie ein Vorlesewerkzeug wie NVDA (Windows, kostenlos) oder VoiceOver (Apple) aus. Werden \u00dcberschriften, Links und Formularfelder sinnvoll vorgelesen?<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Farbtest:<\/strong> Betrachten Sie die Seite in Graustufen. Sind Zust\u00e4nde und Hinweise noch unterscheidbar?<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":5541,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/tastaturtest_fokus_sichtbar_unsichtbar-1024x730.png\" alt=\"\" class=\"wp-image-5541\"\/><figcaption class=\"wp-element-caption\">Tastaturtest: Links ist der aktive Eintrag erkennbar, rechts nicht.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Fehlt der Fokusrahmen, liegt es oft an einer CSS-Regel, die den Standardrahmen ersatzlos entfernt. Der Rahmen darf angepasst, aber nicht ersatzlos gestrichen werden. F\u00fcr die Tastaturbedienung eignet sich die Pseudoklasse <code>:focus-visible<\/code>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>a:focus-visible,\nbutton:focus-visible,\ninput:focus-visible {\n  outline: 3px solid #1F5FD6;\n  outline-offset: 3px;\n}<\/code><\/pre>\n<!-- \/wp:code -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Automatisierte Pr\u00fcfung<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Automatisierte Tests finden viele typische Fehler zuverl\u00e4ssig und auf allen Seiten, ohne dass Sie jede Unterseite einzeln durchklicken m\u00fcssen: zu geringe Kontraste, fehlende Alternativtexte, fehlerhafte ARIA-Attribute, \u00fcbersprungene \u00dcberschriftenebenen oder Formularfelder ohne Beschriftung.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Ein Beispiel f\u00fcr so ein Werkzeug ist der <a href=\"https:\/\/wwwschutz.de\/accessibility-check.html\">Barrierefreiheits-Check<\/a> von IT Logic. Er pr\u00fcft nach WCAG (Level A und AA), nennt zu jedem Befund die Fundstelle und liefert bei Kontrastproblemen gleich passende Alternativfarben. Besonders anschaulich ist die Simulation von sieben Formen der Farbsehschw\u00e4che, denn sie zeigt Ihnen, wie Ihre Startseite f\u00fcr Menschen mit Rot-Gr\u00fcn-, Blau- oder vollst\u00e4ndiger Farbenblindheit tats\u00e4chlich wirkt. Das ist oft aufschlussreicher als jede Fehlerliste.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Wichtig ist die Einordnung: Automatische Tests decken erfahrungsgem\u00e4\u00df nur etwa 30 bis 40 Prozent der Kriterien zuverl\u00e4ssig ab. Ob ein Alternativtext sinnvoll ist, ob die Reihenfolge beim Vorlesen logisch ist oder ob ein Formular verst\u00e4ndlich bleibt, kann nur ein Mensch beurteilen. Der automatische Scan ist deshalb der effiziente erste Schritt, ersetzt aber keine manuelle Pr\u00fcfung.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5543,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/automatik_vs_manuelle_pruefung_barrierefreiheit-1-1024x801.png\" alt=\"\" class=\"wp-image-5543\"\/><figcaption class=\"wp-element-caption\">Was Werkzeuge zuverl\u00e4ssig finden und was nur Menschen beurteilen. Der Anteil ist ein Richtwert und h\u00e4ngt von Werkzeug, Seite und Z\u00e4hlweise ab.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Wie ein brauchbarer Pr\u00fcfbericht aussieht<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Ein guter Bericht nennt nicht nur Fehler, sondern auch Fundstelle, Messwert und einen konkreten L\u00f6sungsvorschlag. Der <a href=\"https:\/\/wwwschutz.de\/Daten\/reports\/beispiel_barrierefreiheit_global.html\">Beispielbericht<\/a> zu einer Demo-Website zeigt das etwa an einem Textelement: Gelber Text auf wei\u00dfem Grund erreicht nur 1,47:1 und f\u00e4llt damit durch. Der Bericht nennt das betroffene Element samt Text und schl\u00e4gt mehrere Alternativen vor, die alle den Wert AA erreichen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5546,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_befund_kontrast_loesung-1024x754.png\" alt=\"\" class=\"wp-image-5546\"\/><figcaption class=\"wp-element-caption\">Ein Befund mit Fundstelle, Messwert und L\u00f6sungsvorschl\u00e4gen, nachgezeichnet nach einem Beispielbericht.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Aufschlussreich sind auch F\u00e4lle, die den normalen Test bestehen und erst bei Farbenblindheit scheitern. In der Auswertung der Demo-Seite waren das von 37 gepr\u00fcften Farbpaaren zwar nur eines, aber genau dieses Paar w\u00e4re ohne Simulation nicht aufgefallen:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5547,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsausschnitt_ergebnis_und_cvd_warnung-1024x828.png\" alt=\"\" class=\"wp-image-5547\"\/><figcaption class=\"wp-element-caption\">Ergebnis eines Beispielberichts und die Warnung f\u00fcr ein Farbpaar, das nur bei Farbenblindheit durchf\u00e4llt.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Barrierefreiheit und Sicherheit geh\u00f6ren zusammen<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Auf den ersten Blick sind Barrierefreiheit und IT-Sicherheit zwei getrennte Themen. In der Praxis haben sie viel gemeinsam: Beide sind Qualit\u00e4tsmerkmale, beide lassen sich zum gro\u00dfen Teil automatisiert pr\u00fcfen, und beide leiden unter demselben Problem, n\u00e4mlich dass M\u00e4ngel im Alltag unbemerkt bleiben, bis etwas passiert.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Sinnvoll ist deshalb, die Website als Ganzes zu betrachten. Der Barrierefreiheits-Check ist Teil des <a href=\"https:\/\/wwwschutz.de\/security-checks.html\">Website Security Checks<\/a>. Dort werden neben der Zug\u00e4nglichkeit unter anderem DNS- und Hosting-Einstellungen, bekannte Schwachstellen (CVE), JavaScript, CMS und Plugins sowie Kontaktformulare untersucht. Der Vorteil: ein Scan, ein Pr\u00fcfzeitpunkt und mehrere Berichte f\u00fcr unterschiedliche Rollen, vom Kurzbericht f\u00fcr die Gesch\u00e4ftsf\u00fchrung bis zum technischen Audit f\u00fcr Entwickler.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":5548,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/berichtsarten_ein_scan_vier_berichte-1024x781.png\" alt=\"\" class=\"wp-image-5548\"\/><figcaption class=\"wp-element-caption\">Ein Scan, vier Berichte: Jede Zielgruppe bekommt die Ansicht, die sie braucht.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Es gibt auch handfeste inhaltliche \u00dcberschneidungen:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Saubere Struktur und semantisches HTML helfen Screenreadern und Suchmaschinen gleicherma\u00dfen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Gut beschriftete Formulare sind zug\u00e4nglicher und weniger fehleranf\u00e4llig.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Verst\u00e4ndliche Bedienung senkt die Abbruchquote, im Shop ebenso wie im Kontaktformular.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Ein praktischer Fahrplan<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Betroffenheit kl\u00e4ren:<\/strong> F\u00e4llt Ihr Angebot unter das BFSG? Pr\u00fcfen Sie Zielgruppe (Verbraucher), Art des Angebots und Unternehmensgr\u00f6\u00dfe.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Bestandsaufnahme:<\/strong> Automatisierter Scan plus kurzer Selbsttest. Ergebnis ist eine Liste der Probleme.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Priorisieren:<\/strong> Beginnen Sie bei H\u00fcrden, die die Nutzung blockieren, etwa Kaufabschluss, Anmeldung und Kontaktformular. Kosmetische M\u00e4ngel kommen sp\u00e4ter.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Beheben:<\/strong> Die meisten Befunde lassen sich mit \u00fcberschaubarem Aufwand l\u00f6sen: Farben anpassen, Alternativtexte erg\u00e4nzen, Beschriftungen korrigieren, \u00dcberschriften ordnen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Neu pr\u00fcfen:<\/strong> Kontrollieren Sie nach den Korrekturen, ob die Ma\u00dfnahmen wirken.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Erkl\u00e4rung ver\u00f6ffentlichen:<\/strong> Informieren Sie \u00fcber den Stand und bieten Sie einen Kontaktweg f\u00fcr R\u00fcckmeldungen an.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Dranbleiben:<\/strong> Barrierefreiheit ist kein Projekt mit Enddatum. Bei neuen Inhalten, Design\u00e4nderungen, Plugins und Updates entstehen neue Fehler. Planen Sie regelm\u00e4\u00dfige Pr\u00fcfungen ein.<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":5549,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/wwwschutz.de\/blog\/wp-content\/uploads\/fahrplan_barrierefreiheit_sieben_schritte-1024x776.png\" alt=\"\" class=\"wp-image-5549\"\/><figcaption class=\"wp-element-caption\">Der Fahrplan als Kreislauf: Von der Einordnung bis zur dauerhaften Pflege.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fragen<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Gilt das BFSG auch f\u00fcr meine private Website oder meinen Blog?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Nein, rein private oder nicht kommerzielle Seiten ohne Verbraucherangebot im Sinne des Gesetzes sind in der Regel nicht betroffen. Ein Blog, der nur informiert, ist etwas anderes als ein Shop oder eine Buchungsplattform. Im Zweifel hilft eine Einzelfallpr\u00fcfung.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Reicht ein Overlay oder Plugin, das die Seite \u201eautomatisch barrierefrei\u201c macht?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Solche Zusatzwerkzeuge k\u00f6nnen einzelne Funktionen bieten, etwa Schriftvergr\u00f6\u00dferung. Sie beheben aber nicht die Ursachen im Code und ersetzen keine saubere Umsetzung. Verlassen Sie sich nicht darauf, damit die Anforderungen zu erf\u00fcllen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Muss meine ganze Website barrierefrei sein?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Entscheidend ist, dass die Teile, \u00fcber die Verbraucher Ihre Dienstleistung nutzen, zug\u00e4nglich sind: Information, Bestellung, Buchung, Kundenkonto, Kontakt. Praktisch ist es am einfachsten, die gesamte Seite einheitlich sauber aufzubauen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Was ist mit PDFs, Videos und Apps?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Auch sie geh\u00f6ren dazu, wenn sie Teil Ihres Angebots sind. PDFs sollten strukturiert und auslesbar sein, Videos Untertitel haben, mobile Apps die gleichen Grunds\u00e4tze erf\u00fcllen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Reicht WCAG 2.1 AA, oder soll ich WCAG 2.2 umsetzen?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Als rechtliche Orientierung dient die EN 301 549, die bislang auf WCAG 2.1 AA aufbaut. WCAG 2.2 erg\u00e4nzt zus\u00e4tzliche Kriterien, etwa f\u00fcr mobile Bedienung und Fokusdarstellung. Wer ohnehin neu baut oder \u00fcberarbeitet, sollte sich gleich an 2.2 orientieren.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Wie oft sollte ich pr\u00fcfen?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Mindestens bei jeder gr\u00f6\u00dferen \u00c4nderung an Design, Struktur oder Funktionen und zus\u00e4tzlich in festen Abst\u00e4nden, zum Beispiel halbj\u00e4hrlich.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">Fazit<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Das BFSG ist weniger H\u00fcrde als Ansto\u00df. Die meisten Probleme sind bekannt, gut beschrieben und mit vertretbarem Aufwand l\u00f6sbar. Wer jetzt systematisch vorgeht, also Betroffenheit kl\u00e4rt, den Ist-Zustand pr\u00fcft, die wichtigsten Barrieren beseitigt und den Stand dokumentiert, erf\u00fcllt nicht nur eine gesetzliche Anforderung, sondern verbessert zugleich Nutzbarkeit, Auffindbarkeit und Vertrauen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Mit einem <a href=\"https:\/\/wwwschutz.de\/security-checks.html\">automatisierten Check<\/a> k\u00f6nnen viele Probleme zur Barrierefreiheit gefunden und m\u00f6gliche L\u00f6sungen geliefert werden. So k\u00f6nnen Webseiten, die auch f\u00fcr beeintr\u00e4chtigte Personen gut zug\u00e4nglich sind, mit vertretbarem Aufwand entstehen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->","_links":{"self":[{"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/posts\/5530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/comments?post=5530"}],"version-history":[{"count":6,"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/posts\/5530\/revisions"}],"predecessor-version":[{"id":5551,"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/posts\/5530\/revisions\/5551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/media\/5531"}],"wp:attachment":[{"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/media?parent=5530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/categories?post=5530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wwwschutz.de\/blog\/wp-json\/wp\/v2\/tags?post=5530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}