Your daily frequent11y newsletter, brought to you by @ChrisBAshton:
Is it ok to ‘grey out’ disabled buttons?
- UX Collective article that makes some interesting points: WCAG 2.1 success criterion 1.4.3 (“Contrast”) does not apply to text that is “part of an inactive user interface component”. However, if providing low-contrast styles for disabled buttons, the author encourages measures such as ensuring colour is not the only affordance, reducing opacity of the primary button colour when disabled rather than opting for grey, adding supporting text, and applying
aria-disabled="true"
to disabled buttons to support all screen readers.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.