[PWA Builder]: The error information appeared in the form elements are not announced by the narrator.

[Anshi0420]

What happened?

The error information appeared in the name edit field 'name is required and must be a string with a length > 0' is not announced by the narrator.

How do we reproduce the behavior?

Repro Steps:

1. Open the PWA Builder URL in Anaheim dev browser.
2. PWA Builder page will appear.
3. Turn on Narrator using Ctrl + win + Enter.
4. Now navigate to the Edit Manifest button and activate it.
5. Navigate to the Name edit field and clear the edit field.
6. Press tab focus will land on the next interactive control.
7. Error information will appear.
8. Now renavigate on the name edit field with Shift + Tab key.
9. Observe the narrator's announcement.

What do you expect to happen?

The error information appeared in the name edit field 'name is required and must be a string with a length > 0' must be announced by the narrator and also error information must be announced for all form elements present on the UI.

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

Observation: This issue is repro with NVDA.

User Experience: If the error information will not be announced by the screen readers, then the screen reader dependent users will not get the information of the error and they may get confused in accessing the UI properly.

WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

Attachments:

https://github.com/pwa-builder/PWABuilder/assets/117908911/9387de2c-ed85-4ea4-ac23-c70f80783749

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[Suriya617]

As verified issue is still repro on the latest environment:

![Uploading image.png…]()

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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

[microsoft-github-policy-service[bot]]

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