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.

Sign up for GitHub

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

Jump to bottom

The contrast ratio on links when being hovered #7051

Closed
Lucinda94 opened this issue Oct 15, 2020 · 3 comments · Fixed by #7770
Closed

The contrast ratio on links when being hovered #7051

Lucinda94 opened this issue Oct 15, 2020 · 3 comments · Fixed by #7770
Labels
component: data-table package: themes @carbon/themes type: a11y ♿

Comments

@Lucinda94
Copy link

The contrast ratio on links when being hovered

The contrast ratio on links when being hovered are 3.98 when it needs to be over 4.5 to align with WCAG standards for accessible text.

Visuals

image
@tw15egan
Copy link
Collaborator

@Lucinda94 do you have an example we could take a look at? Seems like it is occurring on a DataTable with the white theme enabled?

@Lucinda94
Copy link
Author

Hi we are using the G10 theme, I can email you the URL and credentials to see the example

@dakahn
Copy link
Contributor

dakahn commented Oct 26, 2020 •
edited
Loading

Tested with our Link element using Colour Contast Analyser
image

Seems like on hover our links don't meet contrast spec. This could be potentially a problem for that whole theme.

This was referenced Feb 5, 2021
Closed
Merged
@kodiakhq kodiakhq bot closed this as completed in #7770 Feb 10, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: data-table package: themes @carbon/themes type: a11y ♿
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(theme): add link02 token tay1orjones/carbon
3 participants
@tw15egan @dakahn @Lucinda94