Skip to content
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

fix(material/datepicker): adds aria-describedby value for comparison date range #29910

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

essjay05
Copy link
Contributor

Updates Angular Components Datepicker component calendar-body to check for a comparison start and comparison end date value and implement aria-describedby id values to correspond with hidden spans that describe a sub range start and a sub range end date if it does exist so that it is read by the screenreader and improves accessibility.

Before screencast
After screencast

Fixes b/195600299

@essjay05 essjay05 marked this pull request as ready for review October 23, 2024 16:18
@essjay05 essjay05 requested a review from a team as a code owner October 23, 2024 16:18
@essjay05 essjay05 requested review from mmalerba and andrewseguin and removed request for a team October 23, 2024 16:18
@essjay05 essjay05 force-pushed the datepicker-comparison-add-sr-announcements branch from 2a5bb04 to 66466d0 Compare October 23, 2024 20:24
@jelbourn jelbourn added the dev-app preview When applied, previews of the dev-app are deployed to Firebase label Oct 24, 2024
Copy link

github-actions bot commented Oct 24, 2024

Deployed dev-app for 44499b2 to: https://ng-dev-previews-comp--pr-angular-components-29910-dev-t33hrm6g.web.app

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

@essjay05 essjay05 force-pushed the datepicker-comparison-add-sr-announcements branch from 66466d0 to 9d4b381 Compare October 28, 2024 15:58
@essjay05 essjay05 force-pushed the datepicker-comparison-add-sr-announcements branch from 44499b2 to 5eb3ff3 Compare November 4, 2024 19:03
@essjay05 essjay05 marked this pull request as draft November 4, 2024 19:48
@essjay05
Copy link
Contributor Author

essjay05 commented Nov 4, 2024

Converting to draft while I integrate the latest DatePicker changes.

Updates previous change to new datepicker changes.
Updates previous fix by creating a comparisonDateLabel value in
MatDatePickerIntl to allow for further accessibility in allowing
the text to be converted and translated.

Fixes b/195600299
Updates previous fix to remove - for Ids in calendar-body.ts and
revises comparisonDateLabel value to be Comparison range as
recommended.

Fixes b/195600299
@essjay05 essjay05 force-pushed the datepicker-comparison-add-sr-announcements branch from 5eb3ff3 to 38033c0 Compare November 7, 2024 20:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dev-app preview When applied, previews of the dev-app are deployed to Firebase
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants