Tab axe warning when rendering a link #4517
Labels
Comments
|
FE-4441 |
9 tasks
edleeks87
added a commit
that referenced
this issue
Nov 26, 2021
…l and li elements `TabHeader` now renders a `div` container and `TabTitle` renders either a `button` or `a` element. This fixes accesibility issues raised against the old implementation relating to focusable children not being read out by screen readers: `tabIndex` for `ValidataionIcon` is now null and `customLayout` story has been updated to remove `ActionPopover`. fix #4517
carbonci
pushed a commit
that referenced
this issue
Nov 26, 2021
### [101.3.1](v101.3.0...v101.3.1) (2021-11-26) ### Bug Fixes * **tab-header, tab-title:** refactor components to no longer render ul and li elements ([42be1eb](42be1eb)), closes [#4517](#4517)
|
🎉 This issue has been resolved in version 101.3.1 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Current behaviour
When an
hrefstring is passed to aTabit renders an anchor element which causes an axe warning about nested interactive controlsExpected behaviour
No axe warning please
CodeSandbox or Storybook URL
https://carbon.sage.com/?path=/story/tabs--with-link-as-a-tab
JIRA Ticket (Sage Only)
No response
Suggested Solution
No response
Carbon Version
latest
What browsers are you seeing the problem on?
Firefox, Chrome, Safari, Microsoft Edge
What Operating System are you seeing the problem on?
MacOS
Anything else we should know?
No response
Confidentiality
The text was updated successfully, but these errors were encountered: