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

feat(v2): [Date2] add a11y improvements to DatePicker components #3200

Merged
merged 7 commits into from
Feb 7, 2022

Conversation

karrui
Copy link
Contributor

@karrui karrui commented Dec 16, 2021

Note that this PR builds on #3199

Problem

This PR adds the missing a11y alerts/tab indices to the DatePicker components
Closes #2006

Solution

Features:

  • feat: add aria labels wherever necessary for elaboration
  • feat: add correct tabbing pattern outlined in design
  • feat: use IconButton for calendar popover close

Improvements:

  • feat: use table instead of grid for more semantic a11y
  • style: add global reset styles

Bug Fixes:

  • fix: remove extra margin due to wrap in CalendarPanel

Before & After Screenshots

Stories should be automatically updated

Deploy Notes

New dependencies:

  • react-focus-lock: lock focus inside calendar

@karrui karrui changed the title feat(v2): add a11y improvements to DatePicker components feat(v2): [Date2] add a11y improvements to DatePicker components Dec 16, 2021
@karrui karrui force-pushed the form-v2/date-a11y-2 branch from ae53e7f to 16011b4 Compare December 17, 2021 03:09
@karrui karrui force-pushed the form-v2/date-a11y-2 branch 3 times, most recently from aac7f11 to 21bba63 Compare January 13, 2022 11:16
Base automatically changed from form-v2/date-range-picker-1 to form-v2/develop January 14, 2022 04:58
@karrui karrui force-pushed the form-v2/date-a11y-2 branch from 34eaa3e to 6276f16 Compare January 14, 2022 04:59
@karrui karrui merged commit 8528ca8 into form-v2/develop Feb 7, 2022
@karrui karrui deleted the form-v2/date-a11y-2 branch February 7, 2022 02:43
@justynoh justynoh mentioned this pull request Oct 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant