Barrierefreiheit

Nutzung und Funktionen

Nutzen Sie Suche, Kategorien oder Filter, um ein Produkt zu finden. Auf der Produktdetailseite finden Sie Preis, Varianten, Menge und Beschreibung. Wählen Sie ggf. Größe/Farbe und die Menge. Mit Klick auf die dafür entsprechende Schaltfläche wird das Produkt in den elektronischen Warenkorb übernommen.

Über das Warenkorb‑Icon gelangen Sie zum elektronischen Warenkorb. Hier können Sie Artikel, Mengen und Zwischensumme überprüfen oder Ihre Artikel in der Menge ändern oder ggf. Positionen ganz löschen.

Um den elektronischen Bestellprozess abzuschließen werden Sie zuerst aufgefordert ihre Kontaktdaten einzugeben. Nachdem Sie alle benötigten Kontaktdaten wie Name, E‑Mail, Rechnungs‑ und Lieferadresse eingegeben haben, können Sie noch Ihre bevorzugte Zahlungsart auswählen. Anmeldung/Registrierung ist optional, da auch eine Gastbestellung möglich ist. Auf der finalen Seite siehst du alle Angaben zusammengefasst (Artikel, Versand, Zahlung, Gesamtkosten). Verbindlich wird die Bestellung erst durch Klick auf die finale Schaltfläche (z. B. „Jetzt kaufen“ / „Zahlungspflichtig bestellen“).

Grundlegende Anforderungen

• Wahrnehmbarkeit
• Bedienbarkeit
• Verständlichkeit
• Robustheit

Diese vier Prinzipien beschreiben wie Inhalte präsentiert, bedient, verstanden und technisch kompatibel sein müsssen. Damit das Angebot und die Funktionen für alle Nutzer zugänglich ist.

Was tun wir um die Barrierefreiheit umzusetzen

Mit dem Systemupdate wurden zahlreiche Verbesserungen umgesetzt, die die Barrierefreiheit der Storefront deutlich stärken. Die wichtigsten Änderungen betreffen Fokussteuerung, Tastaturnavigation und Semantik, Screenreader‑Kompatibilität, Farbkontrast und Lesbarkeit sowie automatisierte Accessibility‑Tests. Mit stetigen Updates sind wir stetig bemüht die Barrierefreiheit weiter zu verbessern.

Klar sichtbare Fokuszustände und Fokuswiederherstellung: Interaktive Elemente zeigen nun eindeutige Fokusindikatoren; nach Aktionen wie dem Schließen eines Dialogs oder dem Neuladen wird der Fokus wiederhergestellt, sodass Tastaturnutzer nicht „verloren“ gehen.

Verbesserte Tastaturnavigation und semantische HTML‑Struktur: Viele zuvor nicht zugängliche Elemente wurden in echte interaktive Elemente umgewandelt, Tab‑Reihenfolgen wurden optimiert und Komponenten wie Filter, Paginierung und Sprach‑/Währungsauswahl sind per Tastatur besser bedienbar.

Besserer Screenreader Support: Filter‑Panel, Produktlisten, Warenkorb‑ und Bestelllisten wurden mit klarer Gruppenkennzeichnung, Listenmarkup und ARIA‑Hinweisen versehen, sodass Screenreader‑Nutzerinnen und ‑Nutzer Informationen zuverlässiger erhalten.

Alt‑Texte und Beschriftungen für Icon Only Buttons: Interaktive Symbole wie Wunschliste, Mengensteuerung oder Bewertungssterne haben jetzt aussagekräftige Alternativtexte, damit deren Funktion vorgelesen wird.

Verbesserter Farbkontrast und Textskalierung: Kontrastprobleme wurden behoben, Warnkomponenten neu gestaltet und die Basis‑Schriftgröße sowie responsive Typografie verbessert, damit Vergrößerung und Zoom zuverlässig funktionieren.

Semantische Listen und strukturierte Markups: Produkt‑ und Bestelllisten nutzen jetzt korrektes Listenmarkup, was die Navigation mit Hilfstechnologien vereinfacht.

Verbesserte Formularfehler und Skip Links: Fehlermeldungen sind klarer formuliert und fokussierbar; Skip Links ermöglichen das direkte Überspringen der Navigation zum Hauptinhalt.

Automatisierte Accessibility Tests in der CI: Shopware integriert AXE Core Prüfungen und nutzt Google Lighthouse als Teil der Test‑Suite, um Regressionen zu vermeiden und WCAG‑Konformität zu überwachen.