Background
Although minimum contrast is not required on disabled elements, the following system elements could be more contrasted since now they are just 1.61:1:
- Disabled buttons
- Disabled FilterChip
- Disabled selected Checkbox
- Disabled selected Radio
Proposal
At the moment we are using content-inverted #fff for disabled text/icon. We could use content-disabled #72777D instead.
User stories
- As a user, I need disabled elements to be readable enough.
Design spec
Once a component spec sheet has been created in Figma, remove the note stating that the spec is missing and link to the spec below.
| Component spec sheet |
Open questions
From WCAG guidelines, which have changed in the past on how to deal with disabled components, we've come to reach out about this specific question to AFB in T355337 and gathered this feedback:
To have a contrast ratio of at least 3:1 [not as strict requirement, but as best practice]
Acceptance criteria (or Done)
Design
- Design the Figma spec sheet and add it in this task
- Update the component in the Figma library. This step will be done by a DST member.
Code
- Update the component in Codex