created:12/30/2020
updated:12/30/2020
loc
129
comments
8%
PhotonColor
Color item displaying as a row, with a color block, name, hex value and AA/AAA tests for text and backgorund. Design inspired by Firefox's Photon Design System.
Teal 50 | #00feff | AAA | F |
Teal 60 | #00c8d7 | AAA | F |
Teal 70 | #008ea4 | AA | AA+ |
Teal 80 | #005a71 | F | AAA |
Teal 90 | #002d3e | F | AAA |
impact | id | description | |||||||
|---|---|---|---|---|---|---|---|---|---|
| serious | color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... | |||||||
| |||||||||
Teal 50 | #00feff | AAA | F |
Teal 60 | #00c8d7 | AAA | F |
Teal 70 | #008ea4 | AA | AA+ |
Teal 80 | #005a71 | F | AAA |
Teal 90 | #002d3e | F | AAA |
Teal 50 | #00feff | AAA | F |
Teal 60 | #00c8d7 | AAA | F |
Teal 70 | #008ea4 | AA | AA+ |
Teal 80 | #005a71 | F | AAA |
Teal 90 | #002d3e | F | AAA |
Teal 50 | #00feff | AAA | F |
Teal 60 | #00c8d7 | AAA | F |
Teal 70 | #008ea4 | AA | AA+ |
Teal 80 | #005a71 | F | AAA |
Teal 90 | #002d3e | F | AAA |
Teal 50 | #00feff | AAA | F |
Teal 60 | #00c8d7 | AAA | F |
Teal 70 | #008ea4 | AA | AA+ |
Teal 80 | #005a71 | F | AAA |
Teal 90 | #002d3e | F | AAA |