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

Add tabbing focus support to Calendar and DatePicker components #904

Closed
cheton opened this issue Aug 2, 2024 · 1 comment · Fixed by #903 or #909
Closed

Add tabbing focus support to Calendar and DatePicker components #904

cheton opened this issue Aug 2, 2024 · 1 comment · Fixed by #903 or #909

Comments

@cheton
Copy link
Member

cheton commented Aug 2, 2024

Currently, the Calendar and DatePicker components only support focus-visible state for the Previous month and Next month arrow buttons. Current implementation does not support tabbing focus for date selection, which can impact keyboard navigation and accessibility.

image

image

@cheton cheton changed the title Add tabbing focus support in Calendar and DatePicker components Add tabbing focus support to Calendar and DatePicker components Aug 2, 2024
@cheton
Copy link
Member Author

cheton commented Aug 4, 2024

The following accessibility issues need to be addressed, as they are currently unresolved in PR #903.

await testA11y(container, {
  axeOptions: {
    rules: {
      // FIXME: Certain ARIA roles must contain particular children (aria-required-children)"
      'aria-required-children': { enabled: false },

      // FIXME: Interactive controls must not be nested (nested-interactive)
      'nested-interactive': { enabled: false },
    },
  },
});

@cheton cheton reopened this Aug 9, 2024
@cheton cheton linked a pull request Aug 18, 2024 that will close this issue
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
1 participant