carbon-components-vue
carbon-components-vue copied to clipboard
CvTabs: ARIA attribute 'aria-selected' is not valid for the element <li> with ARIA role 'none'
Access Accessibility Checker found an issue in the CvTabs component.
The text says ARIA attribute 'aria-selected' is not valid for the element 'li' with ARIA role 'none' but according to the screenshot the role is "presentation. I don't know why.
I changed the role in the debugger to 'tab' to see whether the issue could be fixed this way and then the issue wasn't reported by the Checker anymore

Hi @barbarahartel . You are right indeed. According to the MDN documentation, presentation and none are synonym roles. Surprising I agree. Looking at the React code base, it would be safe to have not only the button element but also the li have the role=tab. What do you think @lee-chase ?
Verified, works now . Issue can be closed.