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 Startseite hat für den Slider large / medium / small eine farbliche Hervorhebung für das entsprechende Element, welches gerade aktiv dargestellt wird. Bei der Auswahl der Hervorhebung muss neben der Farbe auch eine andere visuelle Methode verwendet werden,
z.B durch Umranden des aktiven Elements mit schwarzen Linien.
Aktuell wird nur auf die farbliche Hervorhebung zurückgegriffen, wodurch diese gegen das verpflichtende Erfolgskriterium der digitalen Barrierefreiheit nach WCAG 1.4.1 verstößt.

1. öffne den Webshop https://accessibility-asqa.supp.gambio-server.net/ im Malibu-Theme
2. untersuche das bestehende Sliderelement Slider large / medium / small auf die farbliche Hervorhebung bei der Darstellung des aktuell aktiven Tabelements

Erwartetes Verhalten:
Die farbliche Hervorhebung darf nicht nur mittels Farbe als einzige visuelle Methode gültig sein und muss durch eine andere visuelle Methode erweitert werden.
Dafür kann das Element mit einer schwarzen Linie umrandet werden, um neben der farblichen Hervorhebung noch durch die Form diese Informationen optimal zu übermitteln.

Aktuelles Verhalten:
Für das aktuelle Tabelement im Slider wird nur eine gelbe farbliche Hervorhebung verwendet.
Auf weitere visuelle Methoden zur Hervorhebung wird aktuell verzichtet.

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 home page has color highlighting for the slider large / medium / small for the corresponding element that is currently active. When selecting the highlighting, another visual method must be used in addition to the color,
e.g. by outlining the active element with black lines.
Currently, only color highlighting is used, which violates the mandatory success criterion of digital accessibility according to WCAG 1.4.1.

1. open the webshop https://accessibility-asqa.supp.gambio-server.net/ in the Malibu theme
2. check the existing slider element Slider large / medium / small for color highlighting when displaying the currently active tab element

Expected behavior:
The color highlighting must not only be valid using color as the only visual method and must be extended by another visual method.
For this purpose, the element can be outlined with a black line in order to optimally convey this information through the shape in addition to the color highlighting.

Current behavior:
Only yellow color highlighting is used for the current tab element in the slider.
No other visual highlighting methods are currently used.

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)