Skip to content

fix(material/chips): add support for aria-description #25935

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
Nov 18, 2022

Conversation

zarend
Copy link
Contributor

@zarend zarend commented Nov 7, 2022

Add support for aria-description on mat-chip, mat-chip-option and mat-chip-row. mat-chip-option and mat-chip-row put aria-desciprtion on the same element that already has the aria-label.

aria-description is needed for when developers need to provide more information that in the aria-label. This is especially needed for chip-row when [editable]="true". That's because it gives a way to communicate to screen reader users how to begin editing a chip.

@zarend zarend added Accessibility This issue is related to accessibility (a11y) area: material/chips target: rc This PR is targeted for the next release-candidate labels Nov 7, 2022
Add support for aria-description on mat-chip, mat-chip-option and
mat-chip-row. mat-chip-option and mat-chip-row put aria-desciprtion on
the same element that already has the aria-label.

aria-description is needed for when developers need to provide more
information that in the aria-label. This is especially needed for
chip-row when [editable]="true". That's because it gives a way to
communicate to screen reader users how to begin editing a chip.
@zarend zarend force-pushed the chip-aria-description branch from 17ce902 to 8c12eb4 Compare November 15, 2022 23:05
Copy link
Contributor

@mmalerba mmalerba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@zarend zarend added action: merge The PR is ready for merge by the caretaker target: patch This PR is targeted for the next patch release target: minor This PR is targeted for the next minor release and removed target: rc This PR is targeted for the next release-candidate target: patch This PR is targeted for the next patch release labels Nov 16, 2022
@zarend zarend merged commit 9b1f49f into angular:main Nov 18, 2022
@christiangil0
Copy link

Hey @zarend, looking in to the docs for aria-description I notice that currently it is in the Draft for Aria 1.3 (MDN Web Docs Link)

Do you mind explaining why you chose to use aria-description instead of the more widely supported aria-describedby?

Overall I am just concerned that this aria attribute will be missed by screen reader technologies today.

@zarend
Copy link
Contributor Author

zarend commented Nov 28, 2022

Good catch 👍 . I sent out #26105 to implement with aria-describedby, rather than aria-description.

@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 Dec 29, 2022
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/chips target: minor This PR is targeted for the next minor release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants