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

Input placeholder color contrast does not meet WCAG 2.0 AA requirements #7515

Closed
kgibb opened this issue Jan 7, 2021 · 3 comments
Closed

Comments

@kgibb
Copy link

kgibb commented Jan 7, 2021

Detailed description

What version of the Carbon Design System are you using?

carbon-components@10.14.0

What did you expect to happen?

Placeholder contrast ratio should be at least 4.5:1.

What WCAG 2.1 checkpoint does the issue violate?

1.4.3 Contrast Minimum Level AA

Placeholder Contrast Ratios

Theme Light Background Foreground Ratio
white ✔️ #ffffff #a8a8a8 2.37:1
white #f4f4f4 #a8a8a8 2.16:1
g10 ✔️ #f4f4f4 #a8a8a8 2.16:1
g10 #ffffff #a8a8a8 2.37:1
g90 ✔️ #525252 #6f6f6f 1.55:1
g90 #393939 #6f6f6f 2.29:1
g100 ✔️ #393939 #6f6f6f 2.29:1
g100 #262626 #6f6f6f 3.01:1

Related: #5022

@dakahn
Copy link
Contributor

dakahn commented Jan 16, 2021

@carbon-design-system/design didn't we address the contrast disparities on various backgrounds with placeholders last year? I thought I remembered us updating those tokens.

@laurenmrice
Copy link
Member

The placeholder text color contrast was addressed in this PR.

If the "placeholder" text is actually displaying the format of the input or a prompt then it needs to pass color contrast (ie the date picker component, which is text-05). If however it is non-informational text (ie an example) then it can remain the low contrast placeholder color text-03. More information on this here: #4799 (review)

@dakahn
Copy link
Contributor

dakahn commented Jan 21, 2021

Sounds good. closing as resolved -- happy to reopen if that's not the case.

@dakahn dakahn closed this as completed Jan 21, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants