Projekt

Allgemein

Profil

Aktionen

GX-Bug #71176

offen

A11y - Malibu-Theme: Startseite - Slider & Carousel - bessere Hervorhebung bei Fokusnavigation für Pfeile notwendig | Homepage - Slider & Carousel - Better highlighting needed for arrows in focus navigation

Von Jessica Balaban vor 3 Tagen hinzugefügt. Vor 3 Tagen aktualisiert.

Status:
Gemeldet
Priorität:
Hoch
Zugewiesen an:
-
Kategorie:
Malibu
Zielversion:
-
% erledigt:

0%

Geschätzter Aufwand:
Steps to reproduce:
Betroffene Versionen:
Unbestimmt
Release Notes Langtext:

Beschreibung

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.
Innerhalb der Startseite sind für Slider- und Carousel-Elemente eine farbliche Hervorhebung als Hovereffekt integriert. Aktuell wird nur auf eine alleine farbliche Hervorhebung zurückgegriffen.
Dadurch wird im Sinne der Barrierefreiheit gegen das verpflichtende Erfolgskriterium der WCAG 1.4.1 verstoßen.

  1. öffne den Webshop https://accessibility-asqa.supp.gambio-server.net/ im Malibu-Theme
  2. untersuche die dargestellten Pfeile bestehender Slider- und Carouselemente auf die Nutzung visueller Methoden zur farblichen Hervorhebung

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 können die Pfeile mit einer schwarzen Linie umrandet werden, um neben der farblichen Hervorhebung noch durch die Form diese Informationen optimal zu übermitteln.

Aktuelles Verhalten:
Für die Pfeile in Slider und Carousel 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.
Within the home page, color highlighting is integrated as a hover effect for slider and carousel elements. Currently, only one color highlighting is used.
This violates the mandatory success criterion of WCAG 1.4.1 in terms of accessibility.

  1. open the webshop https://accessibility-asqa.supp.gambio-server.net/ in the Malibu theme
  2. examine the displayed arrows of existing slider and carousel elements for the use of visual methods for color highlighting

Expected behavior:
Color highlighting must not be valid using color as the only visual method and must be enhanced by another visual method.
For this purpose, the arrows 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 arrows in the slider and carousel.
Other visual methods of highlighting are currently not 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)


Dateien


Nichts anzuzeigen

Aktionen

Auch abrufbar als: Atom PDF