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]

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:

Über das Hauptmenü: Klicken Sie auf das Barrierefreiheits-Symbol (Figur im Kreis) in der Kopfzeile
Per Tastatur: Nutzen Sie den Skip-Link "Zu den Barrierefreiheits-Einstellungen" am Seitenanfang
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:

Laden Sie eine Seite und drücken Sie Tab
Es erscheint ein Link wie "Zum Hauptinhalt springen"
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:

Öffnen Sie die Barrierefreiheits-Einstellungen
Scrollen Sie zum Ende der Seite
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: