Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DOCS]: State property not defined for the expendable buttons present in left navigation pane. #4753

Open
Suriya617 opened this issue Jun 20, 2024 · 14 comments
Labels
A11ySev2 Accessibility Team tag - P2 items A11yWCAG Accessibility Team tag - Web Content Accessibility Guidelines Accessibility [E+D] Issues found by the accessibility E+D Team at Microsoft bug 🐛 CT-June24 HCL-E+D needs attention 👋 needs triage 🔍 Product-PWABuilder For Tracking PWABuilder bugs by Accessibility E+D team

Comments

@Suriya617
Copy link
Collaborator

Suriya617 commented Jun 20, 2024

What happened?

The expandable buttons in the left navigation pane do not have the expanded/collapsed state defined. As a result, screen readers do not announce whether these buttons are expanded or collapsed.

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 expandable buttons should have their expanded/collapsed state clearly defined using appropriate ARIA attributes so that screen readers can announce the state to users.

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 who rely on screen readers, are unable to determine whether the expandable buttons in the left navigation pane are in an expanded or collapsed state. This lack of feedback can lead to confusion and hinder efficient navigation.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/name-role-value

MAS4.1.2_State.property.not.defined.for.the.expendable.buttons.present.in.left.navigation.pane.mp4

Code_Snip (1)

@Suriya617 Suriya617 added bug 🐛 needs triage 🔍 A11yWCAG Accessibility Team tag - Web Content Accessibility Guidelines A11ySev2 Accessibility Team tag - P2 items Product-PWABuilder For Tracking PWABuilder bugs by Accessibility E+D team HCL-E+D labels Jun 20, 2024
@Suriya617 Suriya617 added the Accessibility [E+D] Issues found by the accessibility E+D Team at Microsoft label Jun 25, 2024
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

@Jaylyn-Barbee Jaylyn-Barbee changed the title [PWA Builder - DOCS]: State property not defined for the expendable buttons present in left navigation pane. [DOCS]: State property not defined for the expendable buttons present in left navigation pane. Jul 8, 2024
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

12 similar comments
Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Copy link
Contributor

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11ySev2 Accessibility Team tag - P2 items A11yWCAG Accessibility Team tag - Web Content Accessibility Guidelines Accessibility [E+D] Issues found by the accessibility E+D Team at Microsoft bug 🐛 CT-June24 HCL-E+D needs attention 👋 needs triage 🔍 Product-PWABuilder For Tracking PWABuilder bugs by Accessibility E+D team
Projects
None yet
Development

No branches or pull requests

2 participants