PWABuilder
PWABuilder copied to clipboard
[PWABuilder - Apps Packaged]: The descriptive Name/ARIA-Label should be defined for the 'Pause' button.
What happened?
The 'Pause' button is not descriptive enough, narrator announces the 'Pause' button. Name='Pause' and ARIA-LABEL='Pause button'.
How do we reproduce the behavior?
- Turn on 'Narrator' using 'Win + Ctrl + Enter' key.
- Open above URL on Edge Dev browser.
- Navigate to the 'pause' button under 'Apps packaged' using tab key
- Observe the issue.
What do you expect to happen?
The descriptive name should be announced to the user via the narrator, the narrator could announce 'Pause scrolling button' or 'Pause apps scrolling button'.
What environment were you using?
OS Build: Windows11 Version 21H2 (OS Build 25193.1000) Browser Version: Microsoft Edge Dev Version 106.0.1370.4 URL: https://www.pwabuilder.com/ Screen Reader: Narrator Tool: Developer Tools(F12)
Additional context
User Experience: If the descriptive name is not defined for the pause button then it would confuse the person who uses a screen reader and correct and complete information is not conveyed to them.
WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/name-role-value
This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .
Descriptive pause and play button labels added
As verified the issue is fixed, Hence, Closing the bug.