Barrierefreiheit

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.

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

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.

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.

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.

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.

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.

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).

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

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.

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.

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.

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.

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.

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").

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.

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

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.

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:

• E-Mail: [email protected]

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