Darstellung und Einstellungen prüfen.
Vergleiche Shop-Details mit größerer Schrift, Textabständen und anderen Farbeinstellungen. Die Fehler bleiben auf ihre benannten Beispiele begrenzt.
Lieferhinweis in zwei Farbschemata
Derselbe Satz nutzt feste helle und dunkle Beispielpaletten. Vergleiche die Farben und Kontrastwerte darunter.
Deine fiktive Lieferadresse lässt sich vor dem Abschluss des Demo-Kaufs ändern.
Vordergrund #575e57; Hintergrund #ffffff; Kontrast 6.68:1.
Über 4,5:1 für den Text in seiner normalen Ausgangsgröße.
Deine fiktive Lieferadresse lässt sich vor dem Abschluss des Demo-Kaufs ändern.
Vordergrund #bdc6bb; Hintergrund #263229; Kontrast 7.61:1.
Über 4,5:1 für den Text in seiner normalen Ausgangsgröße.
Ausgangszustand: 16 CSS-Pixel (12 pt), Schriftgewicht 400, deckende Vollfarben, kein Textschatten. Die Werte nutzen die relative sRGB-Leuchtdichte. Eine andere Textgröße ändert den Schriftkontext; ein Kontrastwert ist kein Seitenaudit.
Eine Lieferoption wählen
Prüfe bei 320 CSS-Pixeln, ob Beschreibung und Aktion erreichbar bleiben.
Standardlieferung der Demo
Eine fiktive Lieferoption für Deine Wohn- und Schreibtischaccessoires.
In diesem Beispiel ist keine Lieferoption ausgewählt.
Ein Hinweis, der mitwächst
Aktiviere Textabstände oder 200 % Textgröße unter Darstellung testen. Achte auf fehlende Wörter am Ende dieses Hinweises.
Du kannst die Lieferadresse im Demo-Checkout vor dem Abschluss ändern. Prüfe Straße, Hausnummer und Postleitzahl.
Eine Option in Systemfarben
Gehe mit Tab zum Kontrollkästchen und drücke die Leertaste. Vergleiche Begrenzung, Auswahlzeichen und Fokusmarkierung.
Option nicht ausgewählt.
Aktiviere für den nativen Test ein Windows-Kontrastdesign und prüfe oben die erkannte Einstellung für erzwungene Farben. Die Vorschau vergleicht nur die Komponentenstile; der native Windows-Test bleibt eine eigene Prüfung.
Reduzierte Bewegung
Diese Beispiele enthalten keine Animation oder automatische Bewegung. Bei angeforderter Bewegungsreduktion schaltet die App CSS-Animationen und Übergänge ab. Hier wird kein eigener bewegungsbezogener WCAG-Verstoß behauptet.