box-ui-elements-mlh
Version:
10 lines (7 loc) • 515 B
Markdown
Colors choices should meet [WCAG 2.0 AA guidelines](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html) for accessibility.
| Role | Min Contrast Ratio | Lightest Gray in Palette\* |
| ---------- | ------------------ | -------------------------- |
| Text | 4.5:1 | `bdl-gray-62` |
| Icons | 3:1 | `bdl-gray-50` |
| Large Text | 3:1 | `bdl-gray-50` |
\* _against white (#fff) background_