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

[Bug Report][3.3.11] VTooltip text contrast does not meet WCAG standards for accessible text #17998

Closed
clemdee opened this issue Aug 8, 2023 · 0 comments
Assignees
Labels
E: theme Theme composable T: bug Functionality that does not work as intended/expected
Milestone

Comments

@clemdee
Copy link
Contributor

clemdee commented Aug 8, 2023

Environment

Vuetify Version: 3.3.11
Vue Version: 3.3.4
Browsers: Firefox 116.0
OS: Linux

Steps to reproduce

  • go to reprodution link
  • open your browser accessibility panel
  • look for contrast issues
  • look for the tooltip text contrast entry

Expected Behavior

Tooltip text is legible.
The text contrast is at least 4.5 : 1 (minimum ratio AA rating)

Actual Behavior

Tooltip text is hard to read, and especially not legible on dark mode.
The text has contrast of 3.70 on light mode, and 3.07 on dark mode.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Even though vuetify theming can be modified by anyone, its default configuration should at least pass basic accessibility standards.

I guess modifying $tooltip-background-color and $tooltip-text-color sass variables default values should suffice to solve the issue.

@johnleider johnleider self-assigned this Aug 8, 2023
@johnleider johnleider added T: bug Functionality that does not work as intended/expected E: theme Theme composable and removed S: triage labels Aug 8, 2023
@johnleider johnleider added this to the v3.3.x milestone Aug 8, 2023
prashantsinghb pushed a commit to prashantsinghb/vuetify that referenced this issue Aug 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
E: theme Theme composable T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

2 participants