carbon
carbon copied to clipboard
Sage
Accessibility on Tabs component
Current behaviour
- Enter key does not validate the page
- tab key does not change the current tab when we are on the last element of a tab (except for the last tab), don't forget shift tab.
- The first element of a tab component is not focused when the tab is selected (except on the first tab)
Expected behaviour
- Enter key validate the page
- tab key changes the current tab when we are on the last element of a tab.
- The first element of a tab component is focused when the tab is selected
CodeSandbox or Storybook URL
https://codesandbox.io/s/modern-violet-io95ee?file=/src/index.js
JIRA Ticket (Sage Only)
SBS-49121
Suggested Solution
No response
Carbon Version
111.19.0
Design Tokens Version
2.48.0
What browsers are you seeing the problem on?
Chrome
What Operating System are you seeing the problem on?
MacOS, Windows
Anything else we should know?
No response
Confidentiality
- [X] I confirm there is no confidential or commercially sensitive information included.
@jerlau the first two are definitely bugs which we will look into fixing.
The third one would be a feature request, and I'm not sure what the use case is - whenever you select a tab, whether with keyboard or mouse, the focus will be on that tab title, and I believe that is the expected behaviour. Were you only asking for this as a way to alleviate the problem caused by the other tabbing bug you mention? Or is it something you will want even when this is fixed?
@robinzigmond Ok I agree but right now there is no way to enter in the form (Tab doesnt work) so if you fix the tab to access it will be Ok for us