-
-
Notifications
You must be signed in to change notification settings - Fork 32.7k
Closed
Labels
accessibilitya11ya11yready to takeHelp wanted. Guidance available. There is a high chance the change will be acceptedHelp wanted. Guidance available. There is a high chance the change will be acceptedscope: breadcrumbsChanges related to the breadcrumbs.Changes related to the breadcrumbs.
Description
- The issue is present in the latest release.
- I have searched the issues of this repository and believe that this is not a duplicate.
Current Behavior 😯
A collapsed set of Breadcrumbs (ie: a maxItems prop is set, and the number of inner items exceeds this value) cannot be expanded via keyboard.
Expected Behavior 🤔
Should be able to focus onto the expand button and hit enter/space to expand the set of collapsed Breadcrumbs.
Steps to Reproduce 🕹
Steps:
- https://codesandbox.io/s/sxhju
- Tab to the "Home" Breadcrumb. (Focus should be on the "Home" Breadcrumb now)
- Hit tab again
- Focus won't go to the
...button to be able to expand the Breadcrumbs via keyboard
Context 🔦
Users are unable to use the collapse/expand functionality of the Breadcrumbs component via keyboard - which would also be an issue for assistive technology users.
Your Environment 🌎
| Tech | Version |
|---|---|
| Material-UI | latest |
| React | latest |
| Browser | Chrome |
| TypeScript | |
| etc. |
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
accessibilitya11ya11yready to takeHelp wanted. Guidance available. There is a high chance the change will be acceptedHelp wanted. Guidance available. There is a high chance the change will be acceptedscope: breadcrumbsChanges related to the breadcrumbs.Changes related to the breadcrumbs.