<?xml version="1.0" encoding="utf-8"?>

Skip color contrast rules for disabled elements

Skip color contrast rules for disabled elements Bad Practice
Skip color contrast rules for disabled elements Best Practice

Disabled interface elements represent a unique exception to WCAG contrast requirements. Since these elements are intentionally unavailable for interaction, they're exempt from the standard contrast ratios that apply to active elements.

Disabled components should visually communicate their inactive state through reduced contrast and other visual cues. This deliberate reduction in prominence helps users understand which elements are currently unavailable. However, the disabled state should still be perceivable as users need to recognize that an element exists but is currently unavailable.

Improve your UX & Product skills with interactive courses that actually work