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.
Narrator is not announcing the required information in the Name edit field present inside the Edit Your Manifest dialogue, it only announces the label and role.
How do we reproduce the behavior?
Repro Steps:
Open the PWA Builder URL in Anaheim dev browser.
PWA Builder page will appear.
Navigate to the 'Edit your Manifest' button activate it.
Turn on narrator using Ctrl + Win + Enter key.
Navigate to the name edit field.
Observe the narrator's announcement.
What do you expect to happen?
Narrator must announce the required information along with the name and role of the Name edit field.
Aria Required property must be present for the name edit field.
What environment were you using?
Test Environment:
OS Build: Windows 11 Enterprise Insider Preview 22H2 (23493.1000)
Edge Browser: Version 115.0.1880.3 (Official build) dev (64-bit)
User ID: V-
URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app
Screen Reader: Narrator
User Experience:
If the required information will not be announced by the screen readers, then users dependent on it will not get the information that the edit field is mandatory to fill, and they will not get the proper information of the UI.
What happened?
Narrator is not announcing the required information in the Name edit field present inside the Edit Your Manifest dialogue, it only announces the label and role.
How do we reproduce the behavior?
Repro Steps:
What do you expect to happen?
Narrator must announce the required information along with the name and role of the Name edit field. Aria Required property must be present for the name edit field.
What environment were you using?
Test Environment: OS Build: Windows 11 Enterprise Insider Preview 22H2 (23493.1000) Edge Browser: Version 115.0.1880.3 (Official build) dev (64-bit) User ID: V- URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app Screen Reader: Narrator
Additional context
Note: Issue is repro for the edit field where required information is present. Issue is also repro at https://www.pwabuilder.com/reportcard?site=https://example.com
User Experience: If the required information will not be announced by the screen readers, then users dependent on it will not get the information that the edit field is mandatory to fill, and they will not get the proper information of the UI.
WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html
https://github.com/pwa-builder/PWABuilder/assets/87321866/1649fd8a-b08e-475d-ba4f-18b06c9ef2e4