Beispiele für Deinen nächsten Artikel.
Vier versionierte Beispiele mit denselben Komponenten wie im Demo-Shop. Öffne beide Varianten direkt; ein Shop-Durchlauf ist vorher nicht nötig.
Cookie-Auswahl und Tastaturfokus.
Öffne die echten Cookie-Einstellungen des Shops. Vergleiche den ersten Fokus, die Begrenzung im Dialog und den Fokus nach dem Schließen.
Formularfehler verständlich anzeigen.
Dies ist das Kontaktformular des Shops mit seiner tatsächlichen Validierung und den simulierten Antworten.
Den Tastaturfokus finden.
Aktiviere dasselbe Fokusbeispiel wie auf der Shop-Startseite. Nur seine eigene Schaltfläche verliert in der Barrieren-Variante die Fokusdarstellung.
Ein Checkout in drei Schritten.
Vergleiche Validierung, Schrittfokus und feste Demo-Ergebnisse mit dem tatsächlichen Shop-Checkout.
Alle Szenarien im Überblick
Alle zehn Kategorien aus dem Demo-Plan verweisen auf funktionierende Beispiele. Die Links öffnen verbesserte Shop-Seiten; Einstellungen erfordern weiterhin den öffentlichen Demo-Zugang.
Darstellungs- und Einstellungsbeispiele öffnen- Bildalternativen
- Textkontrast
- Formularbeschriftungen
- Namen von Symbolschaltflächen
- Dialogfokus
- Tastaturbedienung und sichtbarer Fokus
- Fehlererkennung
- Statusmeldungen
- Textabstände, Vergrößerung und Umbruch
- Begrenzung und Fokus bei erzwungenen Farben