[SF_ACC][Wizard]: [UI5 WebComponents Wizard - aria-current="true" instead of "step" on active step indicator]

[cptDev6]

Bug Description

The active wizard step renders aria-current="true" instead of aria-current="step". Per the WAI-ARIA specification, aria-current="step" is the correct value for a step indicator in a multi-step wizard flow. Using "true" is a generic fallback value and causes JAWS screen reader to announce "current" instead of the more descriptive "current step", which is required for WCAG 4.1.2 compliance.

Affected Component

ui5-wizard / ui5-wizard-tab (@ui5/webcomponents-fiori)

Expected Behaviour

The active step's .ui5-wiz-step-root element should have aria-current="step". JAWS should announce the active step as "current step".

Isolated Example

https://ui5.github.io/webcomponents-react/v2/?path=/story/layouts-floorplans-wizard--default

Steps to Reproduce

Steps to Reproduce:

1. Open the Wizard Storybook demo: https://ui5.github.io/webcomponents-react/v2/?path=/story/layouts-floorplans-wizard--default
2. Inspect the active step in DevTools: ui5-wizard-tab → #shadow-root → .ui5-wiz-step-root
3. Observe aria-current="true" on the selected step instead of aria-current="step"

Log Output, Stack Trace or Screenshots

Priority

Medium

UI5 Web Components Version

2.26.0

Browser

Chrome

Operating System

Windows

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[unazko]

Hello @UI5/ui5-team-ctr-ril, forwarding this accessibility issue to you.

Analysis summary:
The WizardTab renders aria-current="true" on the active step's .ui5-wiz-step-root element (role="listitem"). Per WAI-ARIA, "true" is technically a valid token value for aria-current — so this is not a spec violation. However, the more semantically precise value for a step indicator is "step", which causes screen readers like JAWS to announce "current step" instead of the generic "current", providing a better user experience.

The fix is a single-line change in packages/fiori/src/WizardTab.ts (line 187): change "true" → "step".

Classifying as an accessibility improvement rather than a strict WCAG 4.1.2 violation.

Best regards,
Boyan

[github-actions]

This issue has been closed. To reopen, just leave a comment!