Does a Grayed-Out Submit Button Need to Pass Contrast Rules
A "Submit" button is grayed out and un-clickable until a form is fully valid. Its contrast against the background is well under the 3:1 UI-component minimum. A reviewer flags it as a WCAG violation.
Is a disabled, currently-inactive UI component actually held to the 3:1 minimum?
The correct answer is "No — disabled components are exempt."
Disabled or inactive UI components, like a grayed-out Submit button before a form is valid, are exempt from the 3:1 UI-component minimum, since they're not currently operable at all — contrast rules exist to make operable things perceivable, and an inactive control isn't something a user can act on yet.
"Yes, always" overstates the rule and would make disabled-state styling impossible to design consistently. "Only if it's the primary action" and "only on mobile" aren't real WCAG distinctions — the exemption is about operability state, not button importance or platform.
Share this question