search

UKHO / admiralty-design-system

MIT License
5 stars 0 forks source link

[BUG] ARC Tool issue - Non-active Element in Tab Order #212

Closed Satyam15302 closed 1 day ago

Satyam15302 commented 3 months ago

Describe the bug

An element with tabindex="0" lacks a specific role attribute, making it a non-active element in the tab order. This disrupts keyboard navigation and violates WCAG 2.2 Success Criterion 4.1.2 (Name, Role, Value).

To Reproduce

Steps to reproduce the behavior:

  1. Open the web application.

  2. Navigate to the "Confirm exchange set content" page or "Selecting ENCs" page.

  3. Use a web accessibility testing tool (e.g., ARC Toolkit).

  4. Observe the error regarding an element with tabindex="0" lacking a specific role.

Expected behavior

Elements with tabindex="0" should have an appropriate role to ensure they are active and correctly part of the tab order.

Screenshots

Non-active element in tab order

Additional context

This issue affects interactive elements like anchor tags used for navigation, which have tabindex="0" but lack an appropriate role. Ensure these elements are correctly assigned roles to support accessibility and keyboard navigation.

KatiePUX commented 2 weeks ago

Header needs tab index removed from title File input doesn't look like a design system issue Look at any other links with tab index = 0 and remove them