Barrierefreiheit bei RIBBEK Living – unser Weg zu digitaler Zugänglichkeit nach WCAG Level AA

Unser Anspruch

Design ist erst dann gelungen, wenn es für alle funktioniert. Daher gestalten wir unsere Website gemäß den Web Content Accessibility Guidelines (WCAG) 2.1 auf Level AA. Ziel: ein ästhetisches, inklusives Einkaufserlebnis für alle Nutzerinnen und Nutzer.

Maßnahmen zur Umsetzung

• Kontraste & Lesbarkeit: Texte/Bedienelemente erfüllen min. 4,5:1 (große Schrift 3:1). Fokuszustände sind klar sichtbar
• Tastaturbedienung: Navigation, Filter, Warenkorb und Checkout sind vollständig per Tastatur bedienbar (logische Tab-Reihenfolge, Skip-Links).
• Semantik & Alternativtexte: Korrekte Überschriftenhierarchie, Landmarks, sinnvolle Alt-Texte/ARIA-Labels für Bilder und Icons
• Responsives Verhalten & Zoom: Reflow bis 400 % ohne Funktionsverlust; Touch-Ziele ausreichend groß
• Formulare: Eindeutige Labels, Fehlermeldungen und Hinweise für Screenreader; verständliche Validierung
• Medien & Bewegung: Videos mit Steuerelementen; Animationen dezent, pausierbar, ohne gefährliches Flackern
• Sprache & Klarheit: Verständliche Texte, konsistente Bezeichnungen, eindeutige Linktexte

Test & Qualitätssicherung

Wir unternehmen manuelle Prüfungen in unserem CI/CD-Prozess:

• Screenreader-Checks: NVDA (Windows) und VoiceOver (macOS/iOS)
• Tastaturtests: Fokusführung, sichtbare States, logische Reihenfolge, Escape aus Modalen
• Kontrastprüfungen: WCAG Color Contrast Analyzer
• Manuelle Heuristik: Orientierung, Lesbarkeit, Fehlertoleranz, verständliche Interaktionen

Ergebnis

WCAG 2.1 Level AA in großen Teilen erfüllt. Kernstrecken (Kategorie- und Produktseiten, Warenkorb, Checkout) sind barrierearm nutzbar. Einzelne Optimierungen (z. B. seltene Modale, komplexe Filter) sind identifiziert und in der Roadmap geplant.

Stärken

• Hohe Lesbarkeit, klare Fokusführung, semantische Struktur

Verbesserungen

• Feinschliff inhaltlicher Art, das Alt-Attribut der Produkt-Bilder, genauer gesagt der Thumbnails auf den Produktseiten fehlen noch in weiten Teilen, das bedeutet es kommt noch ein großer Batzen Fleißarbeit auf uns zu
• in der Hauptnavigation kann die logische Reihenfolge des Tastatur-Fokus optimiert werden 

Kontinuierliche Verbesserung

• Regelmäßige Re-Audits nach Theme-Update, neuen Features und Produkten
• Redaktionsleitfaden für barrierefreie Inhalte (Alt-Texte, Überschriften, Linktexte)
  

Feedback & Kontakt

Sie haben eine Barriere entdeckt oder wünschen Unterstützung? Schreiben Sie uns über das Kontaktformular. Wir prüfen jede Rückmeldung und reagieren zeitnah.