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.
The selected state of the menu buttons in the left navigation pane is not defined, leading to a lack of feedback for users about which menu item is active.
How do we reproduce the behavior?
Repro Steps:
Open the PWA Builder URL in Anaheim dev browser.
Turn on Narrator using 'Ctrl + Win + Enter' key.
PWA Builder page will appear.
Navigate to the left pane controls.
Observe the issue.
What do you expect to happen?
The selected state of the menu buttons should be clearly defined and announced by screen readers, providing users with clear feedback about which menu item is currently active.
What environment were you using?
Test Environment:
OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.961)
Edge Browser: Version 127.0.2651.2 (Official build) dev (64-bit)
User ID: V-
Screen Reader: Narrator
URL: https://docs.pwabuilder.com/#/home/native-features
Additional context
User Experience:
Users, particularly those relying on screen readers or other assistive technologies, are unable to determine which menu button is currently selected. This lack of information can cause confusion and hinder navigation, making it difficult for users to understand their current location within the menu structure.
What happened?
The selected state of the menu buttons in the left navigation pane is not defined, leading to a lack of feedback for users about which menu item is active.
How do we reproduce the behavior?
Repro Steps: Open the PWA Builder URL in Anaheim dev browser. Turn on Narrator using 'Ctrl + Win + Enter' key. PWA Builder page will appear. Navigate to the left pane controls. Observe the issue.
What do you expect to happen?
The selected state of the menu buttons should be clearly defined and announced by screen readers, providing users with clear feedback about which menu item is currently active.
What environment were you using?
Test Environment: OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.961) Edge Browser: Version 127.0.2651.2 (Official build) dev (64-bit) User ID: V- Screen Reader: Narrator URL: https://docs.pwabuilder.com/#/home/native-features
Additional context
User Experience: Users, particularly those relying on screen readers or other assistive technologies, are unable to determine which menu button is currently selected. This lack of information can cause confusion and hinder navigation, making it difficult for users to understand their current location within the menu structure.
WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/name-role-value
Attachment:
https://github.com/pwa-builder/PWABuilder/assets/87321866/b8583472-30de-419b-ae0f-8d7d15795407