The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
When the Action items button is selected or activated, the screen reader does not announce its selected state.
How do we reproduce the behavior?
Repro Steps:
Open the above URL.
Navigate to the Action Items expandible button with keyboard.
Turn on narrator using Ctrl + Win + enter.
Now navigate to the action icons buttons and select any action icons.
And now navigate to the selected action icons buttons again.
Observe the narrator's announcement.
What do you expect to happen?
The screen reader should announce the selected state of the Action items button when it is activated or focused, providing auditory feedback to users who rely on screen readers for navigation.
User Impact:
Users who depend on screen readers, such as individuals with visual impairments or certain cognitive disabilities, may not receive crucial feedback when interacting with the Action items button.
What happened?
When the Action items button is selected or activated, the screen reader does not announce its selected state.
How do we reproduce the behavior?
Repro Steps:
What do you expect to happen?
The screen reader should announce the selected state of the Action items button when it is activated or focused, providing auditory feedback to users who rely on screen readers for navigation.
What environment were you using?
Test Environment: OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.461) Edge Browser: Version 123.0.2400.1 (Official build) dev (64-bit) URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app Screen Reader: Narrator
Additional context
Observation: Issue is also repro with NVDA.
User Impact: Users who depend on screen readers, such as individuals with visual impairments or certain cognitive disabilities, may not receive crucial feedback when interacting with the Action items button.
WCAG Reference: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
Attachments:
https://github.com/pwa-builder/PWABuilder/assets/117908911/f0ca73bf-1f5b-443d-99bc-f1917c6a55f6