Skip to content

Wizard: Unable to specify the wizard accessible name #13582

@Rasagnya-Gurrala

Description

@Rasagnya-Gurrala

Describe the bug

Wizard role="region" with hardcoded aria-label
The ui5-wizard shadow DOM renders div role="region" aria-label="Wizard" with the label hardcoded in the ariaLabelText getter from the i18n bundle. There is no public API (accessibleName or similar) to override this — passing aria-label on the host element does not propagate to the shadow DOM div, so screen readers always announce the region generically as "Wizard" instead of a meaningful context-specific name.

Tested With:

Theme: SAP Fiori 3 with Horizon
Browser: Chrome - Version 134.0.6998.166 (Official Build) (64-bit)
Screen Reader (Windows): JAWS - Version 2025.2410.106
Screen Reader (macOS): Accessibility reader (built-in macOS accessibility reader)

Reproduction steps

  1. Open the example for wizard component in ui5 web-component document
  2. Start an accessibility screen reader:
    Windows: Enable JAWS (Version 2025.2410.106 or later)
    macOS: Enable Accessibility Reader

Expected Behaviour

The wizard should have a clear, concise accessible name that describes its purpose

Screenshots or Videos

Image

UI5 Web Components for React Version

2.14.1

UI5 Web Components Version

2.14.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions