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(Datepicker): add aria role to Flatpickr dialog #7465

Merged

Conversation

dakahn
Copy link
Contributor

@dakahn dakahn commented Dec 16, 2020

Closes #7246

Flatpickr's calendar dialog is not rendered in a landmark causing an error with IBM Equal Access Accessibility Checker. This adds an aria role and an aria label to the container div on the calendar dialog.

Changelog

  • addRoleAttributeToDialog function

Testing / Reviewing

  1. Open a "single" Datepicker in the Storybook.
  2. Run IBM Equal Access Accessibility Checker
  3. See no violations
  4. Click the input to trigger the calendar dropdown
  5. See no violations

  1. Open a "range" Datepicker in the Storybook
  2. Run IBM Equal Access Accessibility Checker
  3. See no violations
  4. Click the input to trigger the calendar dropdown
  5. See no violations

@dakahn dakahn requested a review from a team as a code owner December 16, 2020 00:46
@netlify
Copy link

netlify bot commented Dec 16, 2020

✔️ Deploy preview for carbon-elements ready!

🔨 Explore the source changes: fcbdb3d

🔍 Inspect the deploy logs: https://app.netlify.com/sites/carbon-elements/deploys/5ff4e642ce661b000777cf81

😎 Browse the preview: https://deploy-preview-7465--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Dec 16, 2020

✔️ Deploy preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: fcbdb3d

🔍 Inspect the deploy logs: https://app.netlify.com/sites/carbon-components-react/deploys/5ff4e642d0656b00086cdb06

😎 Browse the preview: https://deploy-preview-7465--carbon-components-react.netlify.app

Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

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

looks good to me, the violations are no longer being reported

@joshblack joshblack enabled auto-merge (squash) January 5, 2021 21:31
@joshblack joshblack merged commit 2c3b11b into carbon-design-system:master Jan 5, 2021
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.

Datepicker Content is not within a landmark element
3 participants