{"product_id":"barrierefreiheits-check","title":"Barrierefreiheits-Check","description":"\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n  :root { --page:#0b0c0f; --card:#13161c; --card2:#181d26; --ink:#e7e9ee; --weak:#8892a4; --stroke:rgba(255,255,255,.07); --acc:#D46829; --green:#10b981; }\n  .pd-wrap{max-width:720px;margin:0 auto;font-family:'Inter',system-ui,sans-serif;color:var(--ink);padding:0 0 40px}\n  .pd-wrap *{box-sizing:border-box}\n  .pd-hook{font-size:clamp(17px,2.5vw,20px);font-weight:700;color:#f0f3f8;line-height:1.5;margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid var(--stroke)}\n  .pd-hook em{font-style:normal;color:var(--acc)}\n  .pd-problem{background:radial-gradient(130% 120% at 0% 0%,rgba(212,104,41,.16),transparent 55%),linear-gradient(180deg,rgba(212,104,41,.10),rgba(212,104,41,.03));border:1px solid rgba(212,104,41,.5);border-radius:14px;padding:22px 24px;margin-bottom:28px}\n  .pd-problem .bf-h{font-size:16px;font-weight:800;color:var(--acc);margin:0 0 10px;display:flex;align-items:center;gap:9px}\n  .pd-problem p{font-size:14px;color:var(--weak);line-height:1.7;margin:0}\n  .bf-sub{font-size:13px;font-weight:700;color:var(--ink);margin:16px 0 7px}\n  .bf-list{list-style:none;padding:0;margin:0}\n  .bf-list li{position:relative;padding-left:18px;font-size:13.5px;color:var(--weak);line-height:1.6;margin-bottom:6px}\n  .bf-list li:before{content:\"\";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--acc)}\n  .bf-note{font-size:12px;color:var(--weak);font-style:italic;line-height:1.6;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--stroke)}\n  .pd-label{font-size:11px;font-weight:700;color:var(--acc);letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}\n  .pd-title{font-size:18px;font-weight:800;color:#f0f3f8;margin:0 0 16px}\n  .pd-block{margin-bottom:28px}\n  .pd-block\u003ep{font-size:14px;color:var(--weak);line-height:1.7;margin:0}\n  .pd-block\u003ep strong{color:var(--ink)}\n  .pd-mods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 14px}\n  @media (max-width:480px){.pd-mods{grid-template-columns:1fr}}\n  .pd-mod{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--stroke);border-radius:10px;padding:12px 14px}\n  .pd-mod i{color:var(--acc);font-size:13px;width:16px;text-align:center;flex-shrink:0;margin-top:3px}\n  .pd-mod .m-t{font-size:13px;color:var(--ink);font-weight:700;display:block;margin-bottom:2px}\n  .pd-mod .m-d{font-size:11.5px;color:var(--weak);line-height:1.45}\n  .pd-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}\n  .pd-features li{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--stroke);border-radius:10px;padding:14px 16px}\n  .pd-features li .icon{width:32px;height:32px;border-radius:8px;background:rgba(212,104,41,.12);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}\n  .pd-features li .text strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}\n  .pd-features li .text span{font-size:12px;color:var(--weak);line-height:1.5}\n  .pd-steps{display:flex;flex-direction:column;gap:0;margin-bottom:28px;position:relative}\n  .pd-step{display:flex;gap:16px;align-items:flex-start;padding-bottom:20px;position:relative}\n  .pd-step:last-child{padding-bottom:0}\n  .pd-step-num{width:32px;height:32px;border-radius:50%;background:rgba(212,104,41,.15);border:1px solid rgba(212,104,41,.3);color:var(--acc);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}\n  .pd-step-line{position:absolute;left:15px;top:32px;width:1px;height:calc(100% - 32px);background:var(--stroke)}\n  .pd-step-content{padding-top:4px}\n  .pd-step-content strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}\n  .pd-step-content span{font-size:13px;color:var(--weak);line-height:1.5}\n  .pd-demo{border-radius:14px;border:1px solid rgba(212,104,41,.3);background:radial-gradient(130% 120% at 0% 0%,rgba(212,104,41,.1),transparent 55%),linear-gradient(180deg,var(--card),var(--card2));padding:22px 24px;margin-bottom:28px;text-align:center}\n  .pd-demo h3{font-size:16px;font-weight:800;color:#fff;margin:0 0 8px}\n  .pd-demo p{font-size:13px;color:var(--weak);line-height:1.6;margin:0 0 16px}\n  .pd-demo a{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;border:1px solid rgba(212,104,41,.4);background:rgba(212,104,41,.12);color:var(--acc)!important;font-weight:700;font-size:14px;text-decoration:none!important;transition:background .2s}\n  .pd-demo a:hover{background:rgba(212,104,41,.2)}\n  .pd-guarantee{border-radius:12px;border:1px solid rgba(212,104,41,.2);padding:18px 20px;background:rgba(212,104,41,.05);margin-bottom:28px;display:flex;gap:14px;align-items:flex-start}\n  .pd-guarantee i{color:var(--acc);font-size:18px;flex-shrink:0;margin-top:2px}\n  .pd-guarantee p{font-size:13px;color:var(--weak);margin:0;line-height:1.6}\n  .pd-guarantee p strong{color:var(--ink)}\n  .pd-cta{text-align:center;padding:8px 0 0;font-size:14px;color:var(--weak);line-height:1.6}\n  .pd-cta strong{color:var(--ink)}\n  .pd-cta i{color:var(--acc)}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pd-wrap\"\u003e\n\n  \u003cp class=\"pd-hook\"\u003e\n    Ist deine Website barrierefrei? Ich prüfe deine Seite automatisch auf die maschinell prüfbaren Kriterien der Barrierefreiheit (WCAG) — \u003cem\u003emit Blick auf das Barrierefreiheitsstärkungsgesetz (BFSG)\u003c\/em\u003e — und erkläre dir in Klartext, was zu tun ist. Ohne Fachjargon, ohne Panikmache.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"pd-problem\"\u003e\n    \u003cdiv class=\"bf-h\"\u003e\n\u003ci class=\"fa-solid fa-circle-question\"\u003e\u003c\/i\u003eBetrifft mich das BFSG überhaupt?\u003c\/div\u003e\n    \u003cp\u003eDas Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025. Ob es \u003cem\u003efür dich\u003c\/em\u003e gilt, hängt von deinem Unternehmen ab — eine kurze Einordnung zur Selbstprüfung:\u003c\/p\u003e\n    \u003cdiv class=\"bf-sub\"\u003eEher betroffen bist du, wenn …\u003c\/div\u003e\n    \u003cul class=\"bf-list\"\u003e\n      \u003cli\u003edu online eine Dienstleistung für Verbraucher anbietest (Online-Shop, Termin-\/Online-Buchung, Kundenkonto), oder\u003c\/li\u003e\n      \u003cli\u003edu Produkte herstellst oder verkaufst.\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cdiv class=\"bf-sub\"\u003eMöglicherweise ausgenommen sind …\u003c\/div\u003e\n    \u003cul class=\"bf-list\"\u003e\n      \u003cli\u003e\n\u003cstrong\u003eKleinstunternehmen\u003c\/strong\u003e (unter 10 Mitarbeitende und höchstens 2 Mio. € Jahresumsatz) — aber nur bei Dienstleistungen, nicht beim Verkauf eigener Produkte.\u003c\/li\u003e\n      \u003cli\u003ereine \u003cstrong\u003eB2B\u003c\/strong\u003e-Angebote, die sich nicht an Verbraucher richten.\u003c\/li\u003e\n      \u003cli\u003ereine \u003cstrong\u003eInformationsseiten\u003c\/strong\u003e ohne Online-Verkauf oder -Buchung.\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp class=\"bf-note\"\u003eAllgemeine Orientierung, keine Rechtsberatung. Ob das BFSG in deinem Fall gilt, hängt von deinen konkreten Geschäftsdaten ab — im Zweifel lass das rechtlich prüfen.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-guarantee\"\u003e\n    \u003ci class=\"fa-solid fa-book-open\"\u003e\u003c\/i\u003e\n    \u003cp\u003e\u003cstrong\u003eNoch nicht sicher, ob dich das betrifft?\u003c\/strong\u003e Dann lies zuerst mein Buch \u003ca href=\"https:\/\/tiefgang-ratgeber.de\/products\/bevor-du-barrieren-baust\" style=\"color:var(--acc);font-weight:700\"\u003e„Bevor du Barrieren baust\"\u003c\/a\u003e (PDF, 29,95 €) — es erklärt das Barrierefreiheitsgesetz komplett in Klartext, inklusive der Drei-Fragen-Weiche, mit der du in zehn Minuten weißt, ob du verpflichtet oder ausgenommen bist. Den Check kannst du danach immer noch machen.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-block\"\u003e\n    \u003cdiv class=\"pd-label\"\u003eWas geprüft wird\u003c\/div\u003e\n    \u003cdiv class=\"pd-title\"\u003eDie häufigsten Barrieren — in Klartext.\u003c\/div\u003e\n    \u003cdiv class=\"pd-mods\"\u003e\n      \u003cdiv class=\"pd-mod\"\u003e\n\u003ci class=\"fa-solid fa-image\"\u003e\u003c\/i\u003e\u003cdiv\u003e\n\u003cspan class=\"m-t\"\u003eBilder ohne Beschreibung\u003c\/span\u003e\u003cspan class=\"m-d\"\u003eAlt-Text, den Vorlese-Programme (Screenreader) brauchen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-mod\"\u003e\n\u003ci class=\"fa-solid fa-arrow-pointer\"\u003e\u003c\/i\u003e\u003cdiv\u003e\n\u003cspan class=\"m-t\"\u003eSchaltflächen \u0026amp; Links ohne Text\u003c\/span\u003e\u003cspan class=\"m-d\"\u003eBedienung per Tastatur und Screenreader\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-mod\"\u003e\n\u003ci class=\"fa-solid fa-keyboard\"\u003e\u003c\/i\u003e\u003cdiv\u003e\n\u003cspan class=\"m-t\"\u003eFormularfelder ohne Beschriftung\u003c\/span\u003e\u003cspan class=\"m-d\"\u003eKontakt, Anfrage, Anmeldung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-mod\"\u003e\n\u003ci class=\"fa-solid fa-circle-half-stroke\"\u003e\u003c\/i\u003e\u003cdiv\u003e\n\u003cspan class=\"m-t\"\u003eZu schwache Farbkontraste\u003c\/span\u003e\u003cspan class=\"m-d\"\u003eLesbarkeit bei eingeschränktem Sehen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-mod\"\u003e\n\u003ci class=\"fa-solid fa-heading\"\u003e\u003c\/i\u003e\u003cdiv\u003e\n\u003cspan class=\"m-t\"\u003eStruktur, Überschriften \u0026amp; Listen\u003c\/span\u003e\u003cspan class=\"m-d\"\u003eOrientierung für Hilfsprogramme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-mod\"\u003e\n\u003ci class=\"fa-solid fa-mobile-screen\"\u003e\u003c\/i\u003e\u003cdiv\u003e\n\u003cspan class=\"m-t\"\u003eZoom \u0026amp; mobile Nutzbarkeit\u003c\/span\u003e\u003cspan class=\"m-d\"\u003eVergrößern am Smartphone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"font-size:12px;color:var(--weak);line-height:1.6;margin:0;font-style:italic\"\u003eGeprüft wird die Startseite samt einiger wichtiger Unterseiten (z. B. Kontakt, Leistungen) — ob klassische Website oder Online-Shop.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-block\"\u003e\n    \u003cdiv class=\"pd-label\"\u003eDas bekommst du\u003c\/div\u003e\n    \u003cdiv class=\"pd-title\"\u003eMehr als eine Fehlerliste.\u003c\/div\u003e\n    \u003cul class=\"pd-features\"\u003e\n      \u003cli\u003e\n\u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-crop-simple\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cstrong\u003eScreenshots mit Markierung\u003c\/strong\u003e\u003cspan\u003eDu siehst genau, wo das Problem auf deiner Seite sitzt.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-list-check\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cstrong\u003eNach Dringlichkeit sortiert\u003c\/strong\u003e\u003cspan\u003eVon kritisch bis gering — die wichtigsten Punkte zuerst.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-screwdriver-wrench\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cstrong\u003eLösung für dein System\u003c\/strong\u003e\u003cspan\u003eKonkrete Schritte, wo möglich plattformgerecht (z. B. Shopify, WordPress).\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-file-pdf\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cstrong\u003eOnline-Bericht und PDF\u003c\/strong\u003e\u003cspan\u003eVerständlich aufbereitet, meist innerhalb weniger Minuten.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cdiv class=\"icon\"\u003e\u003ci class=\"fa-solid fa-shield-halved\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cstrong\u003eEhrlich, kein Overlay-Schlangenöl\u003c\/strong\u003e\u003cspan\u003eKlare Worte zu Ein-Klick-Widgets (accessiBe \u0026amp; Co.), die nichts wirklich beheben.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-demo\"\u003e\n    \u003ch3\u003eSo sieht dein Bericht aus.\u003c\/h3\u003e\n    \u003cp\u003eSchau dir einen kompletten Beispiel-Bericht an, bevor du dich entscheidest.\u003c\/p\u003e\n    \u003ca href=\"https:\/\/analyse.tiefgang-ratgeber.de\/barrierefreiheit-beispiel\" target=\"_blank\" rel=\"noopener\"\u003e\u003ci class=\"fa-solid fa-arrow-up-right-from-square\"\u003e\u003c\/i\u003e Beispiel-Bericht ansehen\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-block\"\u003e\n    \u003cdiv class=\"pd-label\"\u003eEhrlich gesagt\u003c\/div\u003e\n    \u003cdiv class=\"pd-title\"\u003eWarum nicht einfach ein kostenloser Scanner?\u003c\/div\u003e\n    \u003cp\u003eKostenlose Tools spucken eine lange technische Fehlerliste aus — mit Begriffen, die ohne Vorwissen kaum jemand versteht. \u003cstrong\u003eMein Bericht übersetzt die Funde in Klartext\u003c\/strong\u003e, sortiert nach dem, was wirklich Menschen aussperrt, und sagt dir konkret, was zu tun ist. Du erreichst damit mehr Menschen, machst deine Seite für alle leichter bedienbar — und verbesserst oft auch deine Auffindbarkeit in Suchmaschinen.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-block\"\u003e\n    \u003cdiv class=\"pd-label\"\u003eSo läuft es ab\u003c\/div\u003e\n    \u003cdiv class=\"pd-title\"\u003eDrei Schritte. Fertig.\u003c\/div\u003e\n    \u003cdiv class=\"pd-steps\"\u003e\n      \u003cdiv class=\"pd-step\"\u003e\n\u003cdiv class=\"pd-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pd-step-line\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pd-step-content\"\u003e\n\u003cstrong\u003eKaufen\u003c\/strong\u003e\u003cspan\u003eDu bekommst sofort die Bestellbestätigung per E-Mail — mit deinem Link zum Formular und deiner Bestellnummer.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-step\"\u003e\n\u003cdiv class=\"pd-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pd-step-line\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pd-step-content\"\u003e\n\u003cstrong\u003eWebsite-Adresse eingeben\u003c\/strong\u003e\u003cspan\u003eAdresse und E-Mail eintragen — dauert unter einer Minute.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-step\"\u003e\n\u003cdiv class=\"pd-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pd-step-content\"\u003e\n\u003cstrong\u003eBericht ansehen\u003c\/strong\u003e\u003cspan\u003eDie Prüfung läuft automatisch — wenige Minuten später ist dein Bericht da, im Browser und als PDF.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-guarantee\"\u003e\n    \u003ci class=\"fa-solid fa-circle-info\"\u003e\u003c\/i\u003e\n    \u003cp\u003e\u003cstrong\u003eWas dieser Check leistet — und was nicht.\u003c\/strong\u003e Eine automatische Prüfung erfasst nur den maschinell prüfbaren Teil der Barrierefreiheit (je nach Seite etwa 30–50 % der Kriterien) und ersetzt keine rechtliche Prüfung oder Zertifizierung. Du bekommst eine technische Auswertung mit konkreten nächsten Schritten.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"pd-cta\"\u003e\n    \u003ci class=\"fa-solid fa-arrow-up\"\u003e\u003c\/i\u003e \u003cstrong\u003eBereit?\u003c\/strong\u003e Schließ den Kauf oben ab — den Rest erklärt dir die Bestätigungs-E-Mail.\n  \u003c\/p\u003e\n\n\u003c\/div\u003e","brand":"Tiefgang-Ratgeber","offers":[{"title":"Default Title","offer_id":59979195023694,"sku":"BFSG-CHECK","price":49.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/3673\/0702\/files\/bfsg-produkt-1.png?v=1782565172","url":"https:\/\/tiefgang-ratgeber.de\/products\/barrierefreiheits-check","provider":"Tiefgang-Ratgeber","version":"1.0","type":"link"}