GX-Entwicklung

Für die Barrierefreiheit der Frontend-Webseite müssen alle Elemente in einer sinnvollen Reihenfolge anvisiert werden können. Dies ist jedoch im Header nicht gegeben, da man bei der Navigation mit der Tabulator-Taste erwarten würde, dass ein Loop innerhalb des Warenkorbs stattfinden würde. Allerdings navigiert man bei geöffnetem Flyout wieder auf die Website. Dadurch wird gegen das Erfolgskriterium Sinnvolle Reihenfolge für Barrierefreiheit 2.4.3 nach WCAG verstoßen.

Vorbedingung:

• Es liegt ein Gegenstand im Warenkorb

1. öffne den Webshop https://accessibility-asqa.supp.gambio-server.net/
2. navigiere mit der Tabulatortaste in den Warenkorb
3. drücke mehrmals die Tabulatortaste
4. achte auf die Navigation

Erwartetes Verhalten:

• ein Loop im Flyout verhindert eine Navigation auf der dahinterliegenden Website
• Aktuelles Verhalten:
• Das Flyout Menü des Warenkorbs kann durch die Navigation mit der Tabulator-Taste verlassen werden
• Das Flyout Menü des Warenkorbs bleibt geöffnet

For the accessibility of the front-end website, all elements must be able to be targeted in a sensible order. However, this is not the case in the header, as you would expect a loop to take place within the shopping cart when navigating with the tab key. However, when the flyout is open, the user navigates back to the website. This violates the success criterion Use of colors for accessibility 2.4.3 according to WCAG.

Precondition:

• There is an item in the shopping cart

1. open the webshop https://accessibility-asqa.supp.gambio-server.net/
2. use the tab key to navigate to the shopping cart
3. press the tab key several times
4. pay attention to the navigation

Expected behavior:

• a loop in the flyout prevents navigation on the website behind it

Current behavior:

• The flyout menu of the shopping cart can be exited by navigating with the tab key
• The flyout menu of the shopping cart remains open

Betroffenes Kriterium der WCAG 2.2:
Erfolgskriterium der Web Content Accessibility Guidelines (WCAG) 2.2 (w3.org) (Success Criterion 2.4.3 Focus Order)
Affected criterion of the WCAG 2.2:
Success criterion of the Web Content Accessibility Guidelines (WCAG) 2.2 (w3.org) (Success Criterion 2.4.3 Focus Order)