GX-Entwicklung

Für die Barrierefreiheit der Frontend-Webseite darf Farbe nicht als einzige visuelle Methode zur Übermittlung von Informationen, zur Anzeige einer Aktion, zur Aufforderung einer Reaktion oder zur Unterscheidung eines visuellen Elements verwendet werden.
Die verschiedenen Status des Buttons "WEITER" unterscheiden sich nur eine farbliche Abstufung im Gelbton. Dadurch wird gegen das entsprechende Kriterium der Barrierefreiheit 1.4.1 nach WCAG verstoßen.
Für den Ghostbutton ist es empfehlungswert, weitere visuelle Methoden neben Farbe einzusetzen, um den inaktiven oder aktiven Status optimaler zu übermitteln.

1. öffne den Webshop https://accessibility-asqa.supp.gambio-server.net/ im Malibu-Theme
2. navigiere zur Registrierung
3. untersuche die Benutzung von Farben für die verschiedenen Status des Buttons "WEITER"; inaktiv, aktiv, hover-state

Erwartetes Verhalten:
Der Button "WEITER" verwendet mehrere visuelle Methoden zur Hervorhebung der Status inaktiv, aktiv und hover state.

Aktuelles Verhalten:
Der Status inaktiv und aktiv unterscheiden sich nur farblich in gelblichen Tönen.

For the accessibility of the front-end website, color must not be used as the only visual method for conveying information, indicating an action, prompting a response or distinguishing a visual element.
The different statuses of the “CONTINUE” button differ only by a color gradation in the shade of yellow. This violates the corresponding accessibility criterion 1.4.1 according to WCAG.
For the ghost button, it is recommended to use other visual methods in addition to color in order to convey the inactive or active status more optimally.

1. open the webshop https://accessibility-asqa.supp.gambio-server.net/ in the Malibu theme
2. navigate to registration
3. investigate the use of colors for the different states of the “CONTINUE” button; inactive, active, hover-state

Expected behavior:
The “CONTINUE” button uses several visual methods to highlight the inactive, active and hover state.

Current behavior:
The inactive and active states only differ in color in yellowish tones.

Betroffenes Kriterium der WAG 2.2:
Erfolgskriterium der Web Content Accessibility Guidelines (WCAG) 2.2 (w3.org) (Success Criterion 1.4.1 Use of Color)
Affected criterion of the WAG 2.2:
Success criterion of the Web Content Accessibility Guidelines (WCAG) 2.2 (w3.org) (Success Criterion 1.4.1 Use of Color)