GovAlta / ui-components-design

This repository is intended for use by the designers of the Design System
0 stars 0 forks source link

Warning color not accessible on white background #42

Open Spark450 opened 4 hours ago

Spark450 commented 4 hours ago

Figma file went through with Ambrose, front end designer from housing:

https://www.figma.com/file/5TmSNRx5kKkLwAA8GRfQTY/HDS-1461---Housing-Needs-Assessment-Submission?node-id=4832%3A123209

When using the status-warning colour on a white background (eg. for an icon), it is not meeting accessibility standards.

The warning-dark colour also does not meet accessibility, but get’s very close (minimum 3:1 contrast ratio).

Need guidance on using the warning colour on white background, and possibly adjust of the darker colour to meet accessibility standards as a way forward.

What implication does this have on other areas of the design system where this colour is used? eg. Warning Badge

Spark450 commented 4 hours ago

Jira issue