Skip to content

fix(material/form-field): fix duplicate announcement of form controls #27102

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

Merged
merged 1 commit into from
Jul 19, 2023

Conversation

zarend
Copy link
Contributor

@zarend zarend commented May 16, 2023

Fix duplicate screen reader announcement of form controls.

Remove the aria-owns from the form label. Commit
zarend@4191b4d added aria-owns on the label to
work around issue in JAWS and NVDA. That commit is from 2017, and it
appears the JAWS and NVDA issues have been fixed.

Tested on NVDA, JAWS and VoiceOver by verifying that I am able to read
the form field's label using screen reader. Tested on both Windows and
Firefox.

Testing environment:

  • Windows 10 Enterprise Version 22H2
    • Chrome Version 114.0.5735.199 (Official Build) (64-bit)
    • Firefox 115.0 (64-bit)
    • NVDA version 2022.3
    • JAWS Verison 2020.2006.12 ILM
  • MacOS 13.4.1 (22F82)
    • VoiceOver
    • Chrome Version 114.0.5735.198 (Official Build) (arm64)
    • Firefox Version 114.0.2 (64-bit)

Fix #26583

@zarend zarend added Accessibility This issue is related to accessibility (a11y) target: patch This PR is targeted for the next patch release area: material/form-field area: material/select dev-app preview When applied, previews of the dev-app are deployed to Firebase labels May 16, 2023
@github-actions
Copy link

github-actions bot commented May 16, 2023

Deployed dev-app for 6174089 to: https://ng-dev-previews-comp--pr-angular-components-27102-5sraamvn.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

@zarend zarend force-pushed the form-field-label-owns branch 2 times, most recently from ba86c59 to eddb808 Compare July 6, 2023 03:32
Fix duplicate screen reader announcement of form controls.

Remove the aria-owns from the form label. Commit
4191b4d added aria-owns on the label to
work around issue in JAWS and NVDA. That commit is from 2017, and it
appears the JAWS and NVDA issues have been fixed.

Tested on NVDA, JAWS and VoiceOver by verifying that I am able to read
the form field's label using screen reader. Tested on both Windows and
Firefox.

Testing environment:
 - Windows 10 Enterprise Version 22H2
   - Chrome Version 114.0.5735.199 (Official Build) (64-bit)
   - Firefox 115.0 (64-bit)
   - NVDA version 2022.3
   - JAWS Verison 2020.2006.12 ILM
 - MacOS 13.4.1 (22F82)
   - VoiceOver
   - Chrome Version 114.0.5735.198 (Official Build) (arm64)
   - Firefox Version 114.0.2 (64-bit)

Fix angular#26583
@zarend zarend force-pushed the form-field-label-owns branch from eddb808 to 6174089 Compare July 6, 2023 03:55
@zarend zarend marked this pull request as ready for review July 6, 2023 03:55
@zarend zarend added the action: merge The PR is ready for merge by the caretaker label Jul 12, 2023
@crisbeto
Copy link
Member

Merging this since the related CL was submitted.

@crisbeto crisbeto merged commit 5c5e34a into angular:main Jul 19, 2023
crisbeto pushed a commit that referenced this pull request Jul 19, 2023
…#27102)

Fix duplicate screen reader announcement of form controls.

Remove the aria-owns from the form label. Commit
4191b4d added aria-owns on the label to
work around issue in JAWS and NVDA. That commit is from 2017, and it
appears the JAWS and NVDA issues have been fixed.

Tested on NVDA, JAWS and VoiceOver by verifying that I am able to read
the form field's label using screen reader. Tested on both Windows and
Firefox.

Testing environment:
 - Windows 10 Enterprise Version 22H2
   - Chrome Version 114.0.5735.199 (Official Build) (64-bit)
   - Firefox 115.0 (64-bit)
   - NVDA version 2022.3
   - JAWS Verison 2020.2006.12 ILM
 - MacOS 13.4.1 (22F82)
   - VoiceOver
   - Chrome Version 114.0.5735.198 (Official Build) (arm64)
   - Firefox Version 114.0.2 (64-bit)

Fix #26583

(cherry picked from commit 5c5e34a)
AnthonyFr75 pushed a commit to AnthonyFr75/components that referenced this pull request Jul 31, 2023
…angular#27102)

Fix duplicate screen reader announcement of form controls.

Remove the aria-owns from the form label. Commit
4191b4d added aria-owns on the label to
work around issue in JAWS and NVDA. That commit is from 2017, and it
appears the JAWS and NVDA issues have been fixed.

Tested on NVDA, JAWS and VoiceOver by verifying that I am able to read
the form field's label using screen reader. Tested on both Windows and
Firefox.

Testing environment:
 - Windows 10 Enterprise Version 22H2
   - Chrome Version 114.0.5735.199 (Official Build) (64-bit)
   - Firefox 115.0 (64-bit)
   - NVDA version 2022.3
   - JAWS Verison 2020.2006.12 ILM
 - MacOS 13.4.1 (22F82)
   - VoiceOver
   - Chrome Version 114.0.5735.198 (Official Build) (arm64)
   - Firefox Version 114.0.2 (64-bit)

Fix angular#26583
stephenrca pushed a commit to stephenrca/components that referenced this pull request Aug 2, 2023
…angular#27102)

Fix duplicate screen reader announcement of form controls.

Remove the aria-owns from the form label. Commit
4191b4d added aria-owns on the label to
work around issue in JAWS and NVDA. That commit is from 2017, and it
appears the JAWS and NVDA issues have been fixed.

Tested on NVDA, JAWS and VoiceOver by verifying that I am able to read
the form field's label using screen reader. Tested on both Windows and
Firefox.

Testing environment:
 - Windows 10 Enterprise Version 22H2
   - Chrome Version 114.0.5735.199 (Official Build) (64-bit)
   - Firefox 115.0 (64-bit)
   - NVDA version 2022.3
   - JAWS Verison 2020.2006.12 ILM
 - MacOS 13.4.1 (22F82)
   - VoiceOver
   - Chrome Version 114.0.5735.198 (Official Build) (arm64)
   - Firefox Version 114.0.2 (64-bit)

Fix angular#26583
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Aug 19, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Accessibility This issue is related to accessibility (a11y) action: merge The PR is ready for merge by the caretaker area: material/form-field area: material/select dev-app preview When applied, previews of the dev-app are deployed to Firebase target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(mat-select): Screen reader announce selected option twice
3 participants