5.1
Semantisches HTML: Alle Seiten verwenden korrekte HTML-Strukturen mit aussagekräftigen Überschriftenhierarchien (h1–h6), Landmarks (header, nav, main, footer) und semantischen Elementen, sodass Screenreader die Inhalte korrekt erfassen und vorlesen können.
5.2
Tastaturbedienbarkeit: Der gesamte Shop – einschließlich Navigation, Produktauswahl, Warenkorb und Bestellprozess – ist vollständig per Tastatur bedienbar. Sichtbare Fokus-Indikatoren (Focus-Visible) unterstützen die Orientierung.
5.3
Skip-Links: Auf jeder Seite ermöglicht ein Skip-Link das direkte Springen zum Hauptinhalt und überspringt Navigation und wiederkehrende Elemente (WCAG 2.4.1).
5.4
Farbkontraste: Texte und interaktive Elemente erfüllen die Mindestkontrastverhältnisse gemäß WCAG 2.1 (4,5:1 für normalen Text, 3:1 für großen Text und UI-Komponenten).
5.5
Responsive Design: Der Shop passt sich an verschiedene Bildschirmgrößen an und kann bis zu 200 % vergrößert werden, ohne dass Inhalte verloren gehen oder abgeschnitten werden (WCAG 1.4.4, 1.4.10).
5.6
Formulare: Alle Eingabefelder im Bestell- und Registrierungsprozess verfügen über sichtbare Beschriftungen (Labels), Fehlermeldungen und Hinweistexte, die auch von assistiven Technologien erfasst werden.
5.7
ARIA-Attribute: Interaktive Bereiche wie Menüs, Dialogfenster und dynamische Inhalte sind mit ARIA-Attributen (Accessible Rich Internet Applications) ausgezeichnet, um die Nutzung mit Screenreadern zu unterstützen.
5.8
Reduzierte Bewegung: Animationen und Übergänge werden automatisch reduziert, wenn die Nutzereinstellung prefers-reduced-motion aktiviert ist (WCAG 2.3.3).
5.9
Textliche Inhalte: Alle textlichen Inhalte des Shops eignen sich zum Generieren alternativer assistiver Formate durch den Verbraucher gemäß § 12 Nr. 2 e) BFSGV (Zwei-Sinne-Prinzip).