{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "barrierefreiheit-seite",
 "name": "Seite „Barrierefreiheit“ als Vorlage",
 "name_en": "Accessibility statement page template with feedback form",
 "kurz": "Vorlage für die Seite „Barrierefreiheit“: Stand auf einen Blick, bekannte Lücken mit Ausweg, Feedback-Formular und deutlich markierte Platzhalter für alles Rechtliche.",
 "kategorie": "Zugang & Robustheit",
 "kategorie_slug": "zugang",
 "kategorie_nr": 17,
 "bau_chat": "E",
 "prioritaet": "E",
 "trendstatus": "aufsteigend",
 "belegstatus": "teilbelegt",
 "website_belege": 1,
 "stimmung": [
  "ruhig",
  "präzise"
 ],
 "stimmung_roh": [
  "ruhig",
  "klar",
  "vertrauenswürdig"
 ],
 "technik": [
  "css",
  "vanilla-js",
  "form",
  "aria"
 ],
 "technik_gruppen": [
  "css",
  "js",
  "andere"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Eine eigene Seite, im Footer verlinkt, die offen sagt, wie barrierefrei die Website ist: Stand der Vereinbarkeit (vollständig, teilweise, nicht), bekannte Einschränkungen mit Grund und Alternative, wie und wann geprüft wurde, ein Weg für Rückmeldungen mit kurzem Formular und Kontakt, Hinweis auf das Schlichtungsverfahren und das Datum der Erstellung. Oben eine Kurzfassung „Auf einen Blick“, daneben ein Inhaltsverzeichnis mit Sprungmarken. Gesetzt wie ein ruhiger Lesetext, nicht wie Kleingedrucktes. Die Vorlage folgt dem Aufbau der EU-Mustererklärung (Durchführungsbeschluss 2018/1523), den öffentliche Stellen nutzen; für Dienstleistungen nach BFSG heißt das Dokument „Informationen zur Barrierefreiheit“ und hat andere Pflichtteile (Anlage 3). Was davon für einen Kunden gilt, muss der Kunde rechtlich prüfen lassen.",
  "warum_es_wirkt": "Ehrlichkeit schafft Vertrauen: Wer Einschränkungen benennt und einen Ausweg anbietet, wirkt glaubwürdiger als ein pauschales „barrierefrei“. Menschen mit Behinderung finden schnell, was nicht geht und wen sie fragen können. Und die Seite zeigt, dass Barrierefreiheit ein laufendes Thema ist, kein Häkchen.",
  "wann_einsetzen": "Auf jeder Kundenseite als Footer-Link „Barrierefreiheit“, besonders bei Online-Terminbuchung, Shops, Buchungsstrecken und bei öffentlichen oder öffentlich geförderten Auftraggebern. Praxis, Kanzlei, Verein, Kultur, Hotel, Handwerk mit Online-Anfrage.",
  "wann_nicht": "Nie mit erfundenem Stand („vollständig barrierefrei“), der nicht geprüft ist. Nicht als Ersatz für echte Verbesserungen. Nicht ungeprüft veröffentlichen: Pflichtangaben, zuständige Stellen und Ausnahmen (z. B. für Kleinstunternehmen) hängen vom Einzelfall ab.",
  "varianten": [
   "Erklärung zur Barrierefreiheit im Aufbau der EU-Mustererklärung (öffentliche Stellen, freiwillig für alle anderen)",
   "Informationen zur Barrierefreiheit nach BFSG Anlage 3 (Beschreibung der Dienstleistung, Ablauf, wie die Anforderungen erfüllt werden, Marktüberwachungsbehörde)",
   "Mit Abschnitt „Barrierefreiheit vor Ort“ (Zugang, Aufzug, WC, Parkplatz) für Praxen, Hotels, Kultur",
   "Mit Links zu Leichter Sprache und Gebärdensprache im Kopf"
  ],
  "umsetzung": "Eigene Seite, im Footer überall an gleicher Stelle verlinkt (aria-current=page). Landmarken header, nav (Hauptmenü, Brotkrumen, „Auf dieser Seite“), main mit Sprunglink, footer. h1 „Erklärung zur Barrierefreiheit“ bzw. „Informationen zur Barrierefreiheit“. Kurzfassung als section mit dl (Stand, Geprüft nach, Methode, Gilt für) und einem Stufenbalken (aria-hidden, der Text sagt es). Lücken als Liste von Karten mit dl Warum / So geht es / Geplant. Daten mit <time datetime>. Abschnitte als <section aria-labelledby> mit data-abschnitt; das Inhaltsverzeichnis wird daraus gebaut, damit es zur Variante passt. Feedback: drei Wege (Telefon, E-Mail, Post) plus Formular mit nur einem Pflichtfeld; Antwortweg als Radiogruppe blendet das passende Feld ein; Fehler über eine Zusammenfassung mit Links (role=group, tabindex=-1, Fokus nach dem Absenden), am Feld aria-describedby und aria-invalid; nach dem Senden Fokus auf die Dankes-Überschrift und Statusmeldung. Alles Rechtliche als Platzhalter in eckigen Klammern mit Markierung und einem Vorlagen-Band oben, das vor dem Livegang entfernt wird. Variante BFSG ersetzt Geltung, Prüfung und Schlichtung durch Angebot, Ablauf, „Wie wir die Anforderungen erfüllen“ und zuständige Marktüberwachungsbehörde (Anlage 3).",
  "mobil": "Inhaltsverzeichnis als aufklappbares details oben statt fester Seitenleiste. Kurzfassung einspaltig. Telefon als tel:-Link groß. Formularfelder volle Breite, mindestens 16 px.",
  "reduzierte_bewegung": "Weiches Scrollen zu Sprungmarken aus, Hinweise ohne Weg.",
  "barrierefreiheit": "Die Seite selbst ist das Beispiel: WCAG 2.4.1 Sprunglink, 1.3.1 Überschriften, Listen, dl, fieldset/legend, 2.4.2 Seitentitel (mit „Fehler:“ bei offenen Fehlern), 2.4.5 Inhaltsverzeichnis plus Footer-Link, 2.4.7 und 2.4.11 sichtbarer Fokus, nicht verdeckt (scroll-margin, eigenes Scrollen mit 20 px Rand), 1.4.3 Kontraste ab 5,5 : 1 für Text, 1.4.11 Feldrahmen 3,7 : 1, 1.4.10 Umbruch bis 320 px, 3.1.5 einfache Sätze, 3.3.1 bis 3.3.3 Fehler benennen und Lösung sagen, 4.1.3 Statusmeldung nach dem Senden, 3.2.6 Hilfe (Kontaktwege) an gleicher Stelle. Barrierefreiheit vor Ort als eigener Abschnitt, weil Patienten oft das meinen."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.2, 0, 0.38, 0.9)",
  "dauer_ms": "Links und Formular 150 bis 250, Hinweise 400 mit höchstens 8 px Weg",
  "stagger_ms": "",
  "distanz": "8 px",
  "sonstiges": "Text mindestens 17 px, Zeilenhöhe 1.6, höchstens 62 Zeichen je Zeile",
  "herkunft": "eigene Festlegung",
  "quelle": "Rezept praxis-gesundheit-ruhig, bewegung und schrift"
 },
 "kurve": {
  "bezier": [
   0.2,
   0.0,
   0.38,
   0.9
  ],
  "css": "cubic-bezier(0.2, 0, 0.38, 0.9)",
  "name": "eigene Kurve",
  "dauer_ms": 150
 },
 "gesehen_bei": [
  {
   "seite": "Bundesnetzagentur: Erklärung zur Barrierefreiheit",
   "url": "https://www.bundesnetzagentur.de/barrierefreiheit",
   "auszeichnung": "",
   "beobachtung": "Abschnitte in dieser Folge: Erklärung zur Barrierefreiheit, Stand der Vereinbarkeit mit bekannten Mängeln, Begründung mit Datum der Erstellung und Kontakt und Feedback-Möglichkeit, Schlichtungsverfahren (Schlichtungsstelle nach § 16 BGG). Feedback als E-Mail, Post und Telefon, kein Formular. Erstellt 14.07.2021, aktualisiert 27.05.2026; Leichte Sprache und Gebärdensprache im Kopf verlinkt.",
   "art": "website"
  },
  {
   "seite": "digitalbarrierefrei.at: Mustererklärung (Deutsch)",
   "url": "https://digitalbarrierefrei.at/en/accessibility-statement/model-statement-in-german",
   "auszeichnung": "",
   "beobachtung": "Muster nach Durchführungsbeschluss (EU) 2018/1523: Stand der Vereinbarkeit mit drei Auswahlsätzen (vollständig, teilweise, nicht), nicht barrierefreie Inhalte mit Grund (Unvereinbarkeit, unverhältnismäßige Belastung, außerhalb des Anwendungsbereichs) und Alternative, Erstellung der Erklärung mit Datum und Methode, Feedback und Kontaktangaben, Durchsetzungsverfahren.",
   "art": "artikel"
  },
  {
   "seite": "BFSG Anlage 3 (gesetze-im-internet.de)",
   "url": "https://www.gesetze-im-internet.de/bfsg/anlage_3.html",
   "auszeichnung": "",
   "beobachtung": "Dienstleister geben in den AGB oder auf andere deutlich wahrnehmbare Weise an, wie die Dienstleistung die Anforderungen erfüllt: allgemeine Beschreibung in barrierefreiem Format, Erläuterungen zur Durchführung, Beschreibung, wie die Anforderungen erfüllt werden, zuständige Marktüberwachungsbehörde.",
   "art": "artikel"
  },
  {
   "seite": "XICTRON: Barrierefreiheitserklärung und Feedback-Mechanismus im Shop",
   "url": "https://www.xictron.com/de/blog/barrierefreiheitserklaerung-feedback-mechanismus-shop/",
   "auszeichnung": "",
   "beobachtung": "Unterscheidet „Informationen zur Barrierefreiheit“ (BFSG) von der „Erklärung zur Barrierefreiheit“ (öffentliche Stellen). BFSG schreibt Dienstleistern keinen Feedback-Mechanismus mit Antwortfrist vor; Monatsfrist stammt aus § 12b BGG. Zuständig: Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen. Empfiehlt eigene Seite im Footer und ein Stand-Datum.",
   "art": "artikel"
  }
 ],
 "tutorials": [
  {
   "titel": "BFSG Anlage 3: Informationen über Dienstleistungen",
   "url": "https://www.gesetze-im-internet.de/bfsg/anlage_3.html"
  },
  {
   "titel": "digitalbarrierefrei.at: Mustererklärung (Deutsch)",
   "url": "https://digitalbarrierefrei.at/en/accessibility-statement/model-statement-in-german"
  }
 ],
 "kombinierbar_mit": [
  "formular-fehlerzusammenfassung",
  "validierung-nach-interaktion",
  "scrollspy-kapitelnavigation",
  "akkordeon-hoehe-auto",
  "kontakt-anfrage-formular",
  "sprunglinks-landmarken",
  "fokus-stil-system",
  "zoom-und-textabstand-robust",
  "kontrastmodus-forced-colors"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/",
  "meta": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/demo"
 },
 "herkunft": {
  "quelldateien": [
   "DEF-Recherche 01.11.2026"
  ],
  "pruefnotizen": [
   "Quellen am 01./02.11.2026 per WebFetch gelesen. Keine Rechtsberatung: Pflichtangaben, Bezeichnung (Erklärung oder Informationen), zuständige Behörde, Schlichtungsstelle und Ausnahmen vom Kunden prüfen lassen.",
   "Die österreichische Mustererklärung dient nur als Beleg für den Aufbau nach EU 2018/1523; deutsche Stellen nennen eigene Durchsetzungs- und Schlichtungsstellen."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Vorlage für die Seite „Barrierefreiheit“: Stand auf einen Blick, bekannte Lücken mit Ausweg, Feedback-Formular und deutlich markierte Platzhalter für alles Rechtliche.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "easing": "cubic-bezier(0.2, 0, 0.38, 0.9) (Token tech-praezise, Rezept praxis-gesundheit-ruhig)",
   "ui_ms": 200,
   "einblenden_ms": 400,
   "einblenden_distanz": "translateY 8px → 0 (Dankesmeldung)",
   "text": "Google Sans Flex 17px, Zeilenhöhe 1.6, ROND 40, höchstens 62–66ch; Lead 19.5px",
   "ueberschriften": "Hedvig Letters Serif 400, h1 clamp(2.25rem, 1.4rem + 3.2vw, 4.25rem), h2 clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem)",
   "farben": "Grund #F5F7F7, Karte #FFFFFF, Marke #005450 (8,2 : 1), Text #363B3B (10,6 : 1), Sekundär #596666 (5,5 : 1), Feldrahmen #7C8787 (3,7 : 1), Fehler #9E3A26 (6,8 : 1)",
   "platzhalter": "Hintergrund #FFE6B8, Unterstrich inset 0 -2px #C98A1A, eckige Klammern; Vorlagen-Band #FFC776",
   "fokus": "box-shadow 0 0 0 3px #F5F7F7, 0 0 0 6px #005450",
   "inhaltsverzeichnis": "sticky 250px ab 901px, darunter details; aktiver Abschnitt per IntersectionObserver rootMargin -20% 0px -70% 0px, aria-current=true",
   "ziele": "Knöpfe und Radios 48px, Felder 52px"
  },
  "ausloeser": "klick",
  "touch": "Inhaltsverzeichnis wird unter 901 px zu einem aufklappbaren details und schließt nach dem Sprung. Kurzfassung und Lücken einspaltig, Telefon und Termin bleiben erreichbar, Ziele 44 bis 48 px.",
  "reduziert": "Sprünge im Inhaltsverzeichnis ohne weiches Scrollen, Dankesmeldung ohne Weg, Stufenbalken ohne Übergang.",
  "korrekturen": {
   "umsetzung": "Eigene Seite, im Footer überall an gleicher Stelle verlinkt (aria-current=page). Landmarken header, nav (Hauptmenü, Brotkrumen, „Auf dieser Seite“), main mit Sprunglink, footer. h1 „Erklärung zur Barrierefreiheit“ bzw. „Informationen zur Barrierefreiheit“. Kurzfassung als section mit dl (Stand, Geprüft nach, Methode, Gilt für) und einem Stufenbalken (aria-hidden, der Text sagt es). Lücken als Liste von Karten mit dl Warum / So geht es / Geplant. Daten mit <time datetime>. Abschnitte als <section aria-labelledby> mit data-abschnitt; das Inhaltsverzeichnis wird daraus gebaut, damit es zur Variante passt. Feedback: drei Wege (Telefon, E-Mail, Post) plus Formular mit nur einem Pflichtfeld; Antwortweg als Radiogruppe blendet das passende Feld ein; Fehler über eine Zusammenfassung mit Links (role=group, tabindex=-1, Fokus nach dem Absenden), am Feld aria-describedby und aria-invalid; nach dem Senden Fokus auf die Dankes-Überschrift und Statusmeldung. Alles Rechtliche als Platzhalter in eckigen Klammern mit Markierung und einem Vorlagen-Band oben, das vor dem Livegang entfernt wird. Variante BFSG ersetzt Geltung, Prüfung und Schlichtung durch Angebot, Ablauf, „Wie wir die Anforderungen erfüllen“ und zuständige Marktüberwachungsbehörde (Anlage 3).",
   "barrierefreiheit": "Die Seite selbst ist das Beispiel: WCAG 2.4.1 Sprunglink, 1.3.1 Überschriften, Listen, dl, fieldset/legend, 2.4.2 Seitentitel (mit „Fehler:“ bei offenen Fehlern), 2.4.5 Inhaltsverzeichnis plus Footer-Link, 2.4.7 und 2.4.11 sichtbarer Fokus, nicht verdeckt (scroll-margin, eigenes Scrollen mit 20 px Rand), 1.4.3 Kontraste ab 5,5 : 1 für Text, 1.4.11 Feldrahmen 3,7 : 1, 1.4.10 Umbruch bis 320 px, 3.1.5 einfache Sätze, 3.3.1 bis 3.3.3 Fehler benennen und Lösung sagen, 4.1.3 Statusmeldung nach dem Senden, 3.2.6 Hilfe (Kontaktwege) an gleicher Stelle. Barrierefreiheit vor Ort als eigener Abschnitt, weil Patienten oft das meinen."
  },
  "geprueft": "02.11.2026",
  "notiz": "Welt: erfundene Hausarztpraxis Wegwarte in Goslar (Dr. Ilka Sommerfeld, Dr. Jonas Behrendt) nach Rezept praxis-gesundheit-ruhig: Petrol #005450, Off-White #F5F7F7, Grüngrau #363B3B, Apricot nur für Hinweise und Platzhalter, Hedvig Letters Serif und Google Sans Flex (ROND 40), eigenes SVG-Zeichen (Wegwarte-Blüte). Pult (data-fundus-pult) schaltet Vorlage (Erklärung oder BFSG) und Stand (vollständig, teilweise, nicht); Satz, Stufenbalken und Lückenliste folgen. Footer mit 116 117 und 112 wie im Rezept. Vorführung: Inhaltsverzeichnis springt zu Stand und Barriere melden, Meldung ohne E-Mail abschicken (Zusammenfassung), E-Mail nachtragen, gesendet. Keine Rechtsberatung: Band oben und markierte Platzhalter. Referenzen: bundesnetzagentur.de, digitalbarrierefrei.at, gesetze-im-internet.de, xictron.com. AD-Review 02.11.2026: Note 4. Nachgebessert: Platzhalter im dunklen Fuß hatten 1,07 : 1, Text jetzt #363B3B; Pult links unten statt über der Kurzfassung; Navigation unter 900 px als eigene Zeile; Kontrastmodus: Platzhalter gestrichelt, Knöpfe mit Kante.",
  "varianten": [
   {
    "id": "erklaerung",
    "name": "Erklärung (EU-Muster)",
    "wann": "Öffentliche und öffentlich geförderte Auftraggeber, und für alle anderen als freiwilliger, bewährter Aufbau: Praxis, Verein, Kultur, Kanzlei.",
    "werte": {
     "titel": "Erklärung zur Barrierefreiheit",
     "abschnitte": "Auf einen Blick, Wofür sie gilt, Stand der Vereinbarkeit, In der Praxis, Wie wir geprüft haben, Barriere melden, Schlichtungsverfahren"
    }
   },
   {
    "id": "bfsg",
    "name": "Informationen nach BFSG",
    "wann": "Dienstleistungen im elektronischen Geschäftsverkehr (Shop, Buchung, Termin online), sofern das BFSG für den Kunden gilt; vom Kunden prüfen lassen.",
    "werte": {
     "titel": "Informationen zur Barrierefreiheit",
     "abschnitte": "Auf einen Blick, Unser Angebot, So läuft es ab, Wie wir sie erfüllen, In der Praxis, Barriere melden, Zuständige Behörde"
    }
   }
  ]
 }
}
