Page MenuHomePhabricator

Disabled framed buttons are not accessible
Closed, DeclinedPublic

Description

The documented style of disabled framed buttons (normal, primary, toggle & derivates) does not meet accessibility standards. There's an insufficient color contrast of 1.61 between the foreground text color (#ffffff) and the background color (#c8ccd1).

Screenshot 2021-05-03 at 16.30.01.png (724×545 px, 72 KB)

As with dropdowns (which present the same low-contrast issue, T281717) we should explore design alternatives to communicate this state in an accessible way. As designers, we should make it possible for all our users to be able to perceive the status of all components at all times and yet, we want to prevent users from perceiving disabled components as active.