[TextField] red error text fails a11y contrast ratio requirement of 4.5:1 #26288
Closed
2 tasks done
Labels
accessibility
a11y
breaking change
bug 🐛
Something doesn't work
component: text field
This is the name of the generic UI component, not the React module!
design: material
This is about Material Design, please involve a visual or UX designer in the process
Even on a white background, the error text for [TextField] is flagged at < 4.5:1 ratio, unacceptable for accessibility
Current Behavior 😯
The default red error text is too light against the best-case white background
Expected Behavior 🤔
It should be at least 4.5:1 on a white background; Default behavior on hover often darkens the background, requiring an even darker red to pass
Steps to Reproduce 🕹
Steps:
Context 🔦
a11y testing; conformance required by customers
Your Environment 🌎
Your demo page (see url above, step 1); also happens on latest 4.x
The text was updated successfully, but these errors were encountered: