Barrierefreiheit

Diese Webanwendung erfüllt WCAG 2.1 Level AA Standards und bietet vollständige Tastaturnavigation, Screen Reader Unterstützung sowie visuelle Zugänglichkeit mit hohen Kontrasten.

Anpassbare Einstellungen

  • Schriftgröße: Vier Stufen für optimale Lesbarkeit
  • Themes: Sechs Modi inkl. Dark Mode, Hochkontrast und Blaufilter
  • Weitere: Tastaturnavigation und reduzierte Animationen

Bei Problemen kontaktieren Sie uns gerne => [email protected]

Barrierefreiheit Einstellungen Formular

Schriftgröße

Theme-Einstellungen

Weitere Einstellungen

Aktiviert erweiterte Tastaturnavigation. Drücken Sie 'f' um zwischen interaktiven Elementen zu wechseln und die Bedienung ohne Maus zu ermöglichen.
Minimiert bewegte Inhalte und Übergänge für eine ruhigere, fokussiertere Nutzererfahrung. Besonders hilfreich bei Vestibular-Störungen oder Konzentrationsschwierigkeiten.

Häufig gestellte Fragen (FAQ) zur digitalen Barrierefreiheit

Antworten zu unseren Barrierefreiheits-Einstellungen, Bedienungshilfen und unterstützten Standards.

AllgemeinDefinitionGrundlagenEinführung

Digitale Barrierefreiheit bedeutet, dass Websites und Anwendungen so gestaltet sind, dass sie von allen Menschen genutzt werden können – unabhängig von körperlichen, sensorischen oder kognitiven Fähigkeiten. Dazu gehören beispielsweise anpassbare Schriftgrößen, hohe Kontraste, Tastatursteuerung und die Kompatibilität mit Screenreadern. Unser Ziel ist es, Ihnen ein Einkaufserlebnis ohne Barrieren zu ermöglichen.

AllgemeinZielgruppeNutzenAnwendungsfälle

Die Einstellungen sind für alle Nutzer gedacht, die eine individuell angepasste Darstellung bevorzugen. Besonders profitieren:

  • Personen mit Sehbeeinträchtigungen: Größere Schrift, höhere Kontraste oder Screenreader-Unterstützung
  • Personen mit motorischen Einschränkungen: Vollständige Tastatursteuerung ohne Maus
  • Personen mit kognitiven Besonderheiten: Reduzierte Animationen, klare Strukturen
  • Personen mit vestibulären Störungen: Minimierte Bewegungseffekte zur Vermeidung von Schwindel
  • Ältere Menschen: Bessere Lesbarkeit durch angepasste Darstellung
  • Alle anderen: Auch ohne Einschränkung kann z.B. der Dark Mode bei Nacht angenehmer sein

AllgemeinNavigationZugangEinstellungen

Die Barrierefreiheits-Einstellungen erreichen Sie auf mehreren Wegen:

  1. Über das Hauptmenü: Klicken Sie auf das Barrierefreiheits-Symbol (Figur im Kreis) in der Kopfzeile
  2. Per Tastatur: Nutzen Sie den Skip-Link "Zu den Barrierefreiheits-Einstellungen" am Seitenanfang
  3. Im Footer: Unter "Service" finden Sie den Link "Barrierefreiheit"

Alle Änderungen werden sofort wirksam und automatisch gespeichert.

AllgemeinSpeicherungCookiesPersistenz

Ja, Ihre gewählten Einstellungen werden automatisch im Browser gespeichert (Local Storage) und bei Ihrem nächsten Besuch wiederhergestellt. Die Speicherung erfolgt ausschließlich lokal auf Ihrem Gerät – es werden keine persönlichen Daten an uns übermittelt. Wenn Sie mehrere Geräte nutzen, müssen Sie die Einstellungen auf jedem Gerät separat vornehmen.

StandardsWCAGLevel AAW3CZertifizierung

Unser Shop erfüllt die Web Content Accessibility Guidelines (WCAG) 2.1 Level AA – den international anerkannten Standard für barrierefreie Webinhalte, entwickelt vom World Wide Web Consortium (W3C). Dieser Standard ist auch die Grundlage für das deutsche Barrierefreiheitsstärkungsgesetz (BFSG). Level AA gewährleistet, dass die wesentlichen Barrieren für die meisten Nutzergruppen beseitigt sind.

StandardsPOURPrinzipienWCAG

POUR ist das Akronym für die vier Grundprinzipien der WCAG:

1. Wahrnehmbar (Perceivable)
Alle Inhalte müssen so dargestellt werden, dass sie von jedem wahrgenommen werden können – ob visuell, akustisch oder taktil. Beispiel: Bilder haben Alternativtexte für Screenreader.

2. Bedienbar (Operable)
Alle Funktionen müssen mit verschiedenen Eingabemethoden nutzbar sein. Beispiel: Der gesamte Shop ist per Tastatur steuerbar.

3. Verständlich (Understandable)
Inhalte und Bedienung müssen klar und vorhersehbar sein. Beispiel: Fehlermeldungen in Formularen erklären, was korrigiert werden muss.

4. Robust (Robust)
Inhalte müssen mit verschiedenen Technologien und Hilfsmitteln funktionieren. Beispiel: Kompatibilität mit unterschiedlichen Screenreadern.

StandardsBFSGGesetzRechtEAA

Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt die europäische Richtlinie "European Accessibility Act" (EAA) in deutsches Recht um. Seit dem 28. Juni 2025 sind Unternehmen verpflichtet, ihre digitalen Produkte und Dienstleistungen – einschließlich Online-Shops – barrierefrei zu gestalten. Wir erfüllen diese Anforderungen, um allen Kunden einen gleichberechtigten Zugang zu unserem Angebot zu ermöglichen.

Visuelle AnpassungenSchriftgrößeTextSkalierungLesbarkeit

Im Bereich "Schriftgröße" der Barrierefreiheits-Einstellungen können Sie zwischen vier Stufen wählen:

  • Klein: Für Nutzer, die mehr Inhalt auf dem Bildschirm sehen möchten
  • Mittel (Standard): Die voreingestellte Schriftgröße
  • Groß: Verbesserte Lesbarkeit bei leichten Sehschwächen
  • Sehr groß: Maximale Lesbarkeit bei stärkeren Sehbeeinträchtigungen

Diese Einstellung wirkt unabhängig von Ihren Browser-Einstellungen und beeinflusst nur unseren Shop. Für eine noch stärkere Vergrößerung können Sie zusätzlich die Zoom-Funktion Ihres Browsers nutzen (üblicherweise Strg/Cmd + Plus).

Visuelle AnpassungenThemeFarbenDesignDark Mode

Im Bereich "Theme-Einstellungen" bieten wir sechs Optionen:

  • Light Theme (Standard): Heller Hintergrund mit dunkler Schrift – klassische Darstellung
  • Dark Theme: Dunkler Hintergrund mit heller Schrift – angenehm bei wenig Umgebungslicht und schont die Augen
  • Hoher Kontrast (Hell): Maximaler Kontrast auf hellem Grund – ideal bei Sehschwäche
  • Hoher Kontrast (Dunkel): Maximaler Kontrast auf dunklem Grund – kombiniert die Vorteile beider Varianten
  • Blaufilter: Reduziert blaues Licht – angenehmer für die Augen bei längerer Nutzung
  • Schwarz-Weiß: Entfernt alle Farben – maximale Klarheit, hilfreich bei Farbfehlsichtigkeit

Visuelle AnpassungenKontrastSehbeeinträchtigungFarbfehlsichtigkeit

Die Modi für hohen Kontrast maximieren den Unterschied zwischen Vorder- und Hintergrund. Dies ist besonders hilfreich bei:

  • Sehschwäche oder Grauem Star: Text und Elemente werden deutlicher erkennbar
  • Farbfehlsichtigkeit (z.B. Rot-Grün-Schwäche): Wichtige Informationen sind nicht mehr nur durch Farbe, sondern auch durch Helligkeit unterscheidbar
  • Ungünstigen Lichtverhältnissen: Bei Sonneneinstrahlung auf dem Bildschirm bleibt der Inhalt lesbar

Der Schwarz-Weiß-Modus geht noch einen Schritt weiter und entfernt alle Farbinformationen komplett. Das kann auch bei Konzentrationsschwierigkeiten helfen, da weniger visuelle Reize ablenken.

BedienungTastaturNavigationMauslosTab

Ja, der gesamte Shop ist vollständig per Tastatur bedienbar. Die wichtigsten Tasten:

  • Tab: Springt zum nächsten interaktiven Element (Link, Button, Eingabefeld)
  • Shift + Tab: Springt zum vorherigen Element
  • Enter: Aktiviert Links und Buttons
  • Leertaste: Aktiviert Buttons, öffnet Auswahlmenüs
  • Pfeiltasten: Navigation in Menüs und Auswahllisten
  • Escape: Schließt Dialoge und Menüs

Wenn Sie unter "Barrierefreiheits-Einstellungen" die "Tastaturnavigation aktivieren" einschalten, können Sie zusätzlich mit der Taste 'F' direkt zwischen den wichtigsten Seitenbereichen springen.

BedienungSkip-LinksNavigationTastaturSprungmarken

Skip-Links sind unsichtbare Links am Seitenanfang, die bei Tastaturbedienung erscheinen. Sie ermöglichen es, wiederkehrende Bereiche (wie Kopfzeile und Navigation) zu überspringen und direkt zum gewünschten Inhalt zu gelangen.

So nutzen Sie Skip-Links:

  1. Laden Sie eine Seite und drücken Sie Tab
  2. Es erscheint ein Link wie "Zum Hauptinhalt springen"
  3. Drücken Sie Enter, um direkt zum Hauptbereich zu gelangen

Dies spart Zeit, da Sie nicht bei jedem Seitenaufruf durch das gesamte Menü navigieren müssen.

BedienungAnimationenBewegungVestibulärKonzentration

Diese Einstellung minimiert oder deaktiviert bewegte Inhalte wie Übergänge, Animationen und automatische Karussells. Das ist wichtig für:

  • Vestibuläre Störungen: Bewegte Inhalte können Schwindel, Übelkeit oder Orientierungslosigkeit auslösen
  • Epilepsie: Schnell blinkende Inhalte können in seltenen Fällen Anfälle auslösen (wir vermeiden diese generell, aber die Einstellung bietet zusätzliche Sicherheit)
  • Konzentrationsschwierigkeiten: Bewegungen am Bildschirmrand lenken ab und erschweren das Fokussieren
  • Langsame Internetverbindungen: Weniger Animationen bedeuten schnellere Ladezeiten

Die Einstellung respektiert auch die Systemeinstellung "Reduzierte Bewegung" (prefers-reduced-motion) Ihres Betriebssystems.

BedienungFokusTastaturSichtbarkeitNavigation

Der Fokus-Indikator ist die sichtbare Hervorhebung (meist ein Rahmen), die anzeigt, welches Element gerade per Tastatur ausgewählt ist. Er ist unverzichtbar für:

  • Tastaturnutzer: Ohne sichtbaren Fokus wissen Sie nicht, wo Sie sich befinden
  • Screenreader-Nutzer: Der Fokus bestimmt, welches Element vorgelesen wird
  • Motorisch eingeschränkte Nutzer: Die Position muss erkennbar sein, bevor eine Eingabe erfolgt

Wir haben unsere Fokus-Indikatoren besonders deutlich gestaltet, damit sie in allen Farbthemen gut sichtbar sind.

Assistive TechnologienScreenreaderNVDAJAWSVoiceOver

Ja, unser Shop ist vollständig mit gängigen Screenreadern kompatibel, darunter:

  • NVDA (Windows, kostenlos)
  • JAWS (Windows)
  • VoiceOver (macOS, iOS – vorinstalliert)
  • TalkBack (Android – vorinstalliert)
  • Narrator (Windows – vorinstalliert)

Wir verwenden semantisches HTML und ARIA-Attribute, damit Screenreader alle Inhalte korrekt vorlesen und die Seitenstruktur verständlich wiedergeben. Bilder haben Alternativtexte, Formulare sind beschriftet, und interaktive Elemente kommunizieren ihren Zustand (z.B. "Menü geöffnet", "Checkbox aktiviert").

Assistive TechnologienMobileSmartphoneTabletTouch

Alle Barrierefreiheitsfunktionen sind auch auf Smartphones und Tablets verfügbar:

  • Touch-Ziele: Buttons und Links sind groß genug für einfaches Antippen
  • Zoom: Die Seite bleibt bei Vergrößerung nutzbar
  • Screenreader: VoiceOver (iOS) und TalkBack (Android) werden unterstützt
  • Querformat: Die Darstellung passt sich an beide Orientierungen an
  • Systemeinstellungen: Wenn Sie auf Ihrem Gerät "Größerer Text" oder "Reduzierte Bewegung" aktiviert haben, berücksichtigen wir das automatisch

Die Barrierefreiheits-Einstellungen erreichen Sie mobil über das Symbol in der Kopfzeile oder den Link im Footer.

FormulareFormulareCheckoutFehlermeldungenEingabe

Alle Formulare (Registrierung, Login, Checkout, Kontakt) sind barrierefrei gestaltet:

  • Beschriftete Felder: Jedes Eingabefeld hat eine eindeutige, sichtbare Beschriftung
  • Pflichtfelder: Sind klar als solche markiert (nicht nur durch Farbe)
  • Fehlermeldungen: Erscheinen direkt beim betroffenen Feld mit konkretem Hinweis, was korrigiert werden muss
  • Keine Zeitlimits: Sie haben ausreichend Zeit zum Ausfüllen; sollte eine Session ablaufen, können Sie diese verlängern
  • Eingabehilfen: Bei Adressfeldern gibt es Autovervollständigung; Datumsfelder akzeptieren verschiedene Formate
  • Tastaturnavigation: Alle Felder sind in logischer Reihenfolge per Tab erreichbar

SupportResetStandardwerteZurücksetzen

Wenn Sie alle Anpassungen auf die ursprünglichen Werte zurücksetzen möchten:

  1. Öffnen Sie die Barrierefreiheits-Einstellungen
  2. Scrollen Sie zum Ende der Seite
  3. Klicken Sie auf "Auf Standardwerte zurücksetzen"

Alle Einstellungen werden sofort auf die Standardwerte zurückgesetzt. Dies betrifft Schriftgröße, Farbthema, Animationen und alle anderen Anpassungen.

SupportSupportFeedbackProblem meldenKontakt

Sollten Sie auf ein Zugänglichkeitsproblem stoßen, möchten wir davon erfahren, um es schnellstmöglich zu beheben.

Bitte teilen Sie uns mit:

  • Welche Seite/Funktion betroffen ist
  • Welches Problem aufgetreten ist
  • Welches Gerät und welchen Browser Sie nutzen
  • Welche assistive Technologie Sie ggf. verwenden (z.B. NVDA, VoiceOver)

Kontakt:

SupportErklärungDokumentationBFSGKonformität

Unsere vollständige Erklärung zur Barrierefreiheit gemäß BFSG finden Sie im Footer unter "Barrierefreiheitserklärung". Dort dokumentieren wir:

  • Den aktuellen Stand der Barrierefreiheit
  • Bekannte Einschränkungen und deren Gründe
  • Geplante Verbesserungen mit Zeitplan
  • Alternative Zugangswege bei bestehenden Barrieren
  • Kontaktmöglichkeiten für Feedback
  • Informationen zum Durchsetzungsverfahren

Erklärung zur Barrierefreiheit

Die Päffgen GmbH ist bestrebt, den Online-Shop www.dachbaustoffe.de/shop im Einklang mit dem Barrierefreiheitsstärkungsgesetz (BFSG) barrierefrei zugänglich zu machen.

Diese Erklärung zur Barrierefreiheit gilt für den Online-Shop unter www.dachbaustoffe.de/shop einschließlich aller Unterseiten, des Bestellprozesses und des Kundenkontos.

Stand der Barrierefreiheit

Weitgehend barrierefrei

Dieser Online-Shop ist weitgehend barrierefrei. Wir erfüllen die Anforderungen der Web Content Accessibility Guidelines (WCAG) 2.1 Level AA – dem international anerkannten Standard für barrierefreie Webinhalte, der auch die Grundlage des BFSG bildet.

Umgesetzte Maßnahmen

Wir haben folgende Maßnahmen ergriffen, um die Barrierefreiheit sicherzustellen:

Visuelle Anpassungen

  • Anpassbare Schriftgrößen: Vier Stufen (Klein, Mittel, Groß, Sehr groß) unabhängig von Browser-Einstellungen
  • Sechs Farbthemen: Light, Dark, Hoher Kontrast (Hell/Dunkel), Blaufilter und Schwarz-Weiß
  • Ausreichende Kontraste: Alle Text-Hintergrund-Kombinationen erfüllen mindestens das WCAG-Kontrastverhältnis von 4,5:1
  • Skalierbarkeit: Die Seite bleibt bis 200% Zoom vollständig nutzbar

Tastatur und Navigation

  • Vollständige Tastatursteuerung: Alle Funktionen sind ohne Maus bedienbar
  • Skip-Links: Ermöglichen das Überspringen wiederkehrender Bereiche
  • Sichtbare Fokus-Indikatoren: Deutliche Hervorhebung des aktuell fokussierten Elements
  • Logische Tab-Reihenfolge: Navigation folgt der visuellen Struktur

Screenreader-Kompatibilität

  • Semantisches HTML: Korrekte Verwendung von Überschriften, Listen, Landmarks und Formularelementen
  • ARIA-Attribute: Zusätzliche Informationen für komplexe Komponenten
  • Alternativtexte: Alle Produktbilder haben aussagekräftige Beschreibungen
  • Formularbeschriftungen: Alle Eingabefelder sind eindeutig beschriftet

Bewegung und Medien

  • Reduzierbare Animationen: Bewegte Inhalte können deaktiviert werden; Systemeinstellung wird respektiert
  • Keine automatische Wiedergabe: Medien starten nicht von selbst

Formulare und Checkout

  • Klare Fehlermeldungen: Fehler werden direkt am betroffenen Feld erklärt
  • Keine reinen Farbindikatoren: Pflichtfelder und Fehler sind nicht nur durch Farbe erkennbar
  • Ausreichende Zeitlimits: Sessions können verlängert werden

Bekannte Einschränkungen

Trotz unserer Bemühungen können folgende Bereiche noch Einschränkungen aufweisen:

  • Ältere PDF-Dokumente: Einige Produktdatenblätter und Anleitungen sind möglicherweise nicht vollständig barrierefrei.
  • Eingebettete Drittanbieter-Inhalte: Externe Inhalte wie Kartendienste oder eingebettete Videos unterliegen nicht unserer vollständigen Kontrolle.

Barrierefreiheits-Einstellungen

Über unsere Barrierefreiheits-Einstellungen können Sie die Darstellung individuell an Ihre Bedürfnisse anpassen. Sie erreichen die Einstellungen:

  • Über das Barrierefreiheits-Symbol in der Kopfzeile
  • Per Skip-Link am Seitenanfang (bei Tastaturbedienung)
  • Über den Link „Barrierefreiheit-Einstellungen" im Footer

Ihre Einstellungen werden lokal in Ihrem Browser gespeichert und bei Ihrem nächsten Besuch automatisch wiederhergestellt.

Feedback und Kontakt

Sollten Sie auf Barrieren stoßen oder Verbesserungsvorschläge haben, kontaktieren Sie uns bitte. Wir nehmen Ihr Feedback ernst und bemühen uns um eine zeitnahe Lösung.

Päffgen GmbH
Online-Geschäftszeiten:
Mo-Fr: 9 - 16 Uhr
Tel: 02131/7909-444
Fax: 02131/7909-50
Mail: [email protected]

Bitte teilen Sie uns bei Ihrer Anfrage mit:

  • Welche Seite oder Funktion betroffen ist
  • Welches Problem aufgetreten ist
  • Welches Gerät und welchen Browser Sie nutzen
  • Ob Sie assistive Technologien verwenden (z.B. Screenreader)

Durchsetzungsverfahren

Sollten Sie der Meinung sein, dass wir Ihre Anfrage nicht zufriedenstellend bearbeitet haben, können Sie sich an die zuständige Marktüberwachungsbehörde wenden:

Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF)

c/o Ministerium für Arbeit, Soziales, Gesundheit und Gleichstellung
des Landes Sachsen-Anhalt
Postfach 39 11 55
39135 Magdeburg

Hinweis: Die gemeinsame Marktüberwachungsstelle der Länder befindet sich derzeit noch im Aufbau. Aktuelle Kontaktdaten werden ergänzt, sobald verfügbar.

Technische Informationen

Diese Website ist kompatibel mit:

  • Aktuellen Versionen von Chrome, Firefox, Safari und Edge
  • Screenreadern: NVDA, JAWS, VoiceOver (macOS/iOS), TalkBack (Android), Narrator
  • Mobilen Geräten: iOS und Android mit Standardbedienungshilfen

Angewandte Standards:

  • WCAG 2.1 Level AA
  • EN 301 549
  • BFSG / BFSGV

Stand dieser Erklärung: 15. Dezember 2025
Letzte Überprüfung: 15. Dezember 2025
Methodik: Selbstbewertung auf Basis WCAG 2.1 Level AA

Benachrichtigungen