Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modal accessibility role "none" #1408

Open
davidnixon opened this issue Jan 23, 2023 · 0 comments
Open

Modal accessibility role "none" #1408

davidnixon opened this issue Jan 23, 2023 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@davidnixon
Copy link
Collaborator

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! 🙂

Additional information

image

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

@davidnixon davidnixon added the bug Something isn't working label Jan 23, 2023
@davidnixon davidnixon self-assigned this Jan 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant