search

carbon-design-system / carbon-components-vue

Vue implementation of the Carbon Design System
http://vue.carbondesignsystem.com
Apache License 2.0
606 stars 178 forks source link

Modal accessibility role "none" #1408

Open davidnixon opened 1 year ago

davidnixon commented 1 year ago

tabbable element's role 'none' is not a widget role

Detailed description

I'm having accessibility issues on component. After scanning, it return the following error: The tabbable element's role 'none' is not a widget role A tabbable element must have a valid widget role Element location:

<div
    style="position: absolute; height: 1px; width: 1px; left: -9999px;"
    class="cv-modal__before-content"
    tabindex="0">

When running IBM's Accessibility checker scan in the same component on Vue's storybook from Carbon I've got the same error. Have anyone had this issue before? Does anyone knows if this violation is associated with any version of @carbon/vue version? Thanks in advance! :slightly_smiling_face:

Additional information

image

Slack message from Juliana de Souza Ferreira Berdeville https://ibm-marketing-comms.slack.com/archives/CAM5P6NR1/p1674245679585799

github-actions[bot] commented 2 months ago

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.