carbon-components-vue icon indicating copy to clipboard operation
carbon-components-vue copied to clipboard

CvTabs: ARIA attribute 'aria-selected' is not valid for the element <li> with ARIA role 'none'

Open barbarahartel opened this issue 4 years ago • 2 comments

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

image

barbarahartel avatar Sep 24 '21 13:09 barbarahartel

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 ?

rodet avatar Dec 21 '21 10:12 rodet

Verified, works now . Issue can be closed.

schuetza avatar Jun 23 '22 15:06 schuetza