Skip to content

[EuiDatePicker] Update ARIA and role attributes for better screen reader accessibility#5501

Merged
1Copenut merged 4 commits intoelastic:mainfrom
1Copenut:feature/tpierce-eui-5303
Dec 28, 2021
Merged

[EuiDatePicker] Update ARIA and role attributes for better screen reader accessibility#5501
1Copenut merged 4 commits intoelastic:mainfrom
1Copenut:feature/tpierce-eui-5303

Conversation

@1Copenut
Copy link
Contributor

@1Copenut 1Copenut commented Dec 21, 2021

Summary

The calendar datepicker needed role="option" added to the individual date choices and the time picker needed an accessible label. Also revised the accessible label for the calendar to closer match the time picker. Closes #5303.

Checklist

  • Check against all themes for compatibility in both light and dark modes
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Props have proper autodocs and playground toggles
  • Added documentation
  • Checked Code Sandbox works for any docs examples
  • Added or updated jest and cypress tests
  • Checked for breaking changes and labeled appropriately
  • Checked for accessibility including keyboard-only and screenreader modes
  • A changelog entry exists and is marked appropriately

@1Copenut 1Copenut requested review from breehall and cchaos December 21, 2021 22:01
@1Copenut 1Copenut marked this pull request as ready for review December 21, 2021 22:05
@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_5501/

Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

Changes LGTM, compared this vs. main with mac's voiceover and saw almost no difference due to the verbosity of the live reasons. Did notice that the better-formatted "MMMM, YYYY" is read while tabbing off the calendar listbox.

@1Copenut 1Copenut merged commit ec599f4 into elastic:main Dec 28, 2021
@1Copenut 1Copenut deleted the feature/tpierce-eui-5303 branch December 28, 2021 21:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiDatePicker][AXE-CORE]: aria markup needs to be adjusted for best screen reader experience

3 participants