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.
Möchte der Nutzer seinen gefüllten Warenkorb teilen, kann dies über die Schaltfläche "Warenkorb teilen" durchgeführt werden.
Beim Statuswechsel von default auf den hover state treten folgende Probleme auf:

• Die Übermittlung der Information des Statuswechsels wird nur mittels Farbe durchgeführt (von gelb auf grau)
• Der Farbwechsel findet inkonsistent statt. Statt Pfeil und Text wird nur der Text farblich geändert. Dadurch wird gegen das Erfolgskriterium Benutzung von Farben für Barrierefreiheit 1.4.1 nach WCAG verstoßen.

1. öffne den Webshop https://accessibility-asqa.supp.gambio-server.net/
2. lege mehrere Artikel des Shop in den Warenkorb
3. navigiere zum Warenkorb
4. untersuche die Farbeigenschaften der Schaltfläche "Warenkorb teilen" im default state
5. hovere über der Schaltfläche "Warenkorb teilen"
6. untersuche erneut die Farbeigenschaften der Schaltfläche im hover state

Erwartetes Verhalten:

• Die Schaltfläche ändert seinen Status vom default in den hover state.
• Während des Statuswechsel findet die Farbänderung konsistent statt (Pfeil + Text)
• Der Statuswechsel wird durch mehrere visuelle Methoden übermittelt (nicht nur durch Farbwechsel)

Aktuelles Verhalten:

• Der Statuswechsel wird aktuell nur durch eine Farbänderung realisiert.
• Der Farbwechsel findet inkonsistent nur für den Text statt.

For the accessibility of the front-end website, color must not be used as the only visual method of conveying information, indicating an action, prompting a response or distinguishing a visual element.
If the user wishes to share their filled shopping cart, this can be done using the “Share shopping cart” button.
The following problems occur when changing the status from default to hover state:

• The status change information is only transmitted using color (from yellow to grey)
• The color change is inconsistent. Instead of arrow and text, only the text is changed in color. This violates the success criterion Use of colors for accessibility 1.4.1 according to WCAG.

1. open the webshop https://accessibility-asqa.supp.gambio-server.net/
2. add several items from the store to the shopping cart
3. navigate to the shopping cart
4. check the color properties of the “Share shopping cart” button in the default state
5. hover over the “Share shopping cart” button
6. check the color properties of the button again in hover state

Expected behavior:

• The button changes its status from the default to the hover state.
• During the state change, the color change is consistent (arrow + text)
• The status change is transmitted by several visual methods (not only by color change)

Current behavior:

• The status change is currently only realized by a color change.
• The color change takes place inconsistently only for the text.

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)