Barrierefreiheitserklärung

Die Zeitgeistmanufaktur GmbH ist bemüht, ihre Website hausbesitzer-ratgeber.de im Einklang mit den Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA sowie der harmonisierten europäischen Norm EN 301 549 zugänglich zu gestalten. Diese Erklärung beschreibt den aktuellen Stand der Barrierefreiheit, die umgesetzten Maßnahmen und bekannte Einschränkungen.

1. Stand der Vereinbarkeit mit den Anforderungen

Diese Website ist nach unserer eigenen Bewertung teilweise vereinbar mit den oben genannten Standards. Einzelne Inhalte und Funktionen können noch nicht alle Anforderungen erfüllen, siehe Abschnitt 4 („Bekannte Einschränkungen").

2. Umgesetzte Maßnahmen

Folgende Maßnahmen sind aktuell umgesetzt und werden bei jeder Weiterentwicklung der Site berücksichtigt:

Struktur & Semantik

Sprachattribut lang="de" auf dem <html>-Element für Screenreader.
Semantische Landmark-Elemente (<header>, <nav>, <main>, <footer>, <article>, <section>) zur klaren Seitengliederung.
Logische Überschriftenhierarchie (h1 einmal pro Seite, danach h2/h3 ohne Sprünge).
Eindeutige, sprechende Linktexte; reine Icon-Schaltflächen erhalten ein aria-label.

Tastatur & Fokus

Skip-Link als erstes fokussierbares Element: „Zum Hauptinhalt springen" überspringt Header und Navigation direkt zum Hauptinhalt der Seite (Element main mit id="main").
Alle interaktiven Elemente (Links, Buttons, Formularfelder, Dialoge) sind per Tastatur erreichbar und bedienbar.
Sichtbarer Fokusrahmen über :focus-visible mit deutlichem Kontrast (Token --border-focus, Amber-500).
Aktive Navigationselemente werden mit aria-current="page" ausgezeichnet.
Mobiles Off-Canvas-Menü: aria-controls, aria-expanded und Body-Scroll-Lock sind synchron zum Öffnungszustand.

Visuelle Gestaltung

Mobile-first-Layout ab 375 px Bildschirmbreite, fließend skalierend bis Desktop.
Hell- und Dunkelmodus über [data-mode]-Attribut; folgt initial der Systemeinstellung und ist im Header umschaltbar.
Farbpaletten (Slate & Amber) sind so abgestimmt, dass Standard-Textkombinationen die WCAG-AA-Kontrastvorgaben erreichen. Kontraste werden bei Token-Änderungen erneut geprüft.
Schriftgrößen über clamp() mit rem-Werten, Browser-Zoom und benutzerdefinierte Schriftgrößen werden respektiert.
Touch-Ziele für interaktive Elemente sind mindestens 44 × 44 px groß (Brandbook 0.1).
Tabellen mit horizontalem Scroll: Tabellen in Artikeln laufen bei schmalen Viewports (unter ca. 640 px) horizontal scrollbar, statt aus dem Layout zu brechen. Spalteninhalte bleiben vollständig lesbar, der Scroll wird per Touch-Geste oder Tastatur (Pfeiltasten) bedient.

Bewegung & Animation

Reduzierte Bewegung über @media (prefers-reduced-motion: reduce): Übergänge und Animationen werden auf 0,01 ms reduziert, wenn das System dies signalisiert.
Keine automatisch startenden Bewegtbilder oder Audioinhalte.

Bilder & Grafiken

Inhaltliche Bilder erhalten beschreibende alt-Texte; rein dekorative Bilder werden mit alt="" und aria-hidden="true" ausgezeichnet, damit Screenreader sie überspringen.
Inline-SVG-Icons sind mit aria-hidden="true" markiert; die zugehörige Bedeutung steht im sichtbaren Label oder in aria-label des umschließenden Elements.
Lightbox-Galerie: Artikelbilder und Diagramme sind klickbar und öffnen in einem Vollbild-Overlay mit Vor- und Zurück-Navigation. Auslöser tragen role="button", sind per Tastatur fokussierbar (Enter oder Leertaste öffnet) und das Overlay arbeitet als modaler Dialog (role="dialog", aria-modal="true") mit Escape zum Schließen sowie Pfeiltasten links/rechts zur Navigation. Touch-Ziele der Steuerung sind mindestens 48 × 48 px groß; beim Schließen springt der Fokus zum auslösenden Element zurück.

Vorlesefunktion für Artikel

Auf Artikel- und Hub-Seiten steht direkt unter dem Artikel-Header eine kompakte Vorlese-Bar mit Schaltflächen für Wiedergabe, Pause, Beenden, Geschwindigkeit (0,85x, 1,0x, 1,25x) und, falls verfügbar, Auswahl der deutschen Stimme. Die Funktion nutzt ausschließlich die browser-native speechSynthesis-API (Web Speech API), die Audio-Ausgabe verlässt das Endgerät nicht.
Alle Schaltflächen sind echte <button>-Elemente mit aria-label und mindestens 44 × 44 px großem Touch-Ziel. Der Wiedergabe-Button trägt aria-pressed, das Status-Feld ist eine Live-Region (role="status", aria-live="polite").
Mit Leertaste innerhalb der Bar lässt sich Wiedergabe und Pause umschalten, ohne dass der Fokus die Bar verlässt. Beim Wechsel der Tab-Sichtbarkeit wird die Wiedergabe automatisch pausiert.
Quelle der Vorlesefunktion sind der Artikel-Inhalt und der FAQ-Block. Header, Footer, Newsletter-Box, Quellen, Breadcrumbs und Bildunterschriften außerhalb des Artikel- Bereichs werden nicht vorgelesen.

Formulare & Dialoge

Sichtbare <label>-Elemente für jedes Formularfeld; Fehlermeldungen werden über aria-describedby mit dem zugehörigen Eingabefeld verknüpft.
Statusmeldungen werden in Live-Regionen (role="status", aria-live="polite") ausgegeben, damit Screenreader sie zeitgerecht vorlesen.
Modale Dialoge nutzen das native <dialog>-Element mit aria-labelledby und sauberer Fokus-Führung.

Cookie- & Einwilligungsverwaltung

Das Consent-Banner (vanilla-cookieconsent v3) ist per Tastatur bedienbar; alle Aktionen besitzen eindeutige Beschriftungen.
Über den Footer-Link „Cookie-Einstellungen" lässt sich die Einwilligung jederzeit erneut aufrufen und ändern.

3. Bewertungsverfahren

Diese Erklärung beruht auf einer Selbstbewertung durch den Anbieter. Geprüft wurden Tastaturbedienbarkeit, Screenreader-Ausgabe (stichprobenhaft mit VoiceOver und NVDA), Farbkontraste sowie responsives Verhalten in den Viewport-Klassen xs (< 480 px), sm (< 768 px), md (< 1280 px) und lg. Eine externe Konformitätsprüfung wurde bislang nicht durchgeführt.

4. Bekannte Einschränkungen

Consent-Banner blockiert die Seite vor der Entscheidung: Solange keine Cookie-Einwilligung erteilt oder abgelehnt ist, wird die Interaktion mit der Seite gesperrt (disablePageInteraction: true). Das Banner ist tastaturzugänglich; die Sperre kann für assistive Technologien dennoch ungewohnt wirken.
Sprache: Die Inhalte stehen ausschließlich auf Deutsch zur Verfügung. Eine Leichte-Sprache-Fassung und Gebärdensprachvideos sind aktuell nicht vorhanden.
Eingebettete Inhalte Dritter (z. B. Google Tag Manager): Die Auslieferung erfolgt über externe Anbieter, deren Inhalte wir nicht vollständig auf Barrierefreiheit prüfen können.
TapTapHome-Widgets (PV-Rechner, Lead- und Förder-Formulare): Die interaktiven Module werden über den Drittanbieter hub.daa.net als <daa-wgt>-Custom-Element eingebunden. Wir können deren Tastaturbedienung, Fokus-Reihenfolge, Farbkontraste und Screenreader-Auszeichnung nicht selbst garantieren. Eine eigene barrierefreie Alternative ist vorgesehen, sobald Volumen und Anbieter-Roadmap das rechtfertigen.
PDF- und Bewegtbild-Inhalte: Sollten künftig PDFs oder Videos eingebunden werden, sind sie zum Zeitpunkt der Veröffentlichung gegebenenfalls noch nicht vollständig barrierefrei aufbereitet.
Stimm-Qualität der Vorlesefunktion: Die Vorlese-Bar nutzt die browser-native Web Speech API. Die Sprachausgabe-Qualität hängt vom verwendeten Browser und Betriebssystem ab. Apple- und Google-Stimmen klingen durchgehend natürlich, einzelne Windows-Stimmen wirken technischer. In älteren Browsern ohne speechSynthesis-Unterstützung oder ohne installierte deutsche Stimme blendet sich die Bar aus, der Artikel bleibt dann ohne Funktionsverlust lesbar.

5. Feedback und Kontakt

Sind dir Mängel beim barrierefreien Zugang zu Inhalten dieser Website aufgefallen? Möchtest du nicht-barrierefreie Inhalte melden oder Informationen in einer zugänglichen Form anfordern? Dann melde dich gern bei uns:

Zeitgeistmanufaktur GmbH
Tim Bauer
Honnefer Straße 39
53572 Unkel
E-Mail: [email protected]

Wir bemühen uns, gemeldete Probleme zeitnah zu beheben, und antworten in der Regel innerhalb von vier Wochen.

6. Durchsetzungsverfahren

Hilft dir unsere Rückmeldung nicht weiter, kannst du dich an die zuständige Schlichtungsstelle nach dem Behindertengleichstellungsgesetz (BGG) wenden:

Schlichtungsstelle nach dem Behindertengleichstellungsgesetz
bei dem Beauftragten der Bundesregierung für die Belange von Menschen mit Behinderungen
Mauerstraße 53
10117 Berlin
E-Mail: [email protected]
Web: www.schlichtungsstelle-bgg.de

7. Stand und Aktualisierung

Diese Erklärung wurde am 7. Mai 2026 erstellt und zuletzt am 1. Juni 2026 überarbeitet. Sie wird bei jeder wesentlichen Änderung der Website überprüft und bei Bedarf aktualisiert.

Hinweis: Diese Erklärung ist eine Selbsteinschätzung. Sollten neue Funktionen (z. B. Rechner, Verzeichnisse, interaktive Karten) hinzukommen, wird die Liste der Maßnahmen und Einschränkungen entsprechend erweitert.