-
-
Notifications
You must be signed in to change notification settings - Fork 1.7k
added aria-expanded and aria-describedBy to the calender icon for acc… #2142
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
added aria-expanded and aria-describedBy to the calender icon for acc… #2142
Conversation
ljharb
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unrelated styling changes need to be reverted.
stories/DateRangePicker.js
Outdated
| .add( | ||
| "default", | ||
| withInfo()(() => <DateRangePickerWrapper />) | ||
| ) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
please revert the styling changes here, it's indented and lined properly as-is. also make sure your editor isn't blindly running prettier on a project that isn't using it :-)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sorry about that! First time contributing, I didn't even realize I had done that. I've fixed it in my last change, thanks!
|
Is there something more I should be doing for this to be merged? Thanks! |
…mplete prop into readme
…ing test and added to storybook for visual verification of attribute
…cessibility
This pull request adds the ability to inform screen reader users about the calendar icon's state and role.
Any text passed into the new
ariaDescribedByprop will give screen reader users the appropriate context for it. TheariaExpandedprop will tell screen reader users the state of the calendar.