Contrast lab
Two colors in, the WCAG 2 contrast ratio out, with a verdict for each success criterion that uses it.
Result
| Criterion | Needs | This pair |
|---|
| 1.4.3 AA, normal text | 4.5:1 | |
|---|
| 1.4.3 AA, large text | 3:1 | |
|---|
| 1.4.6 AAA, normal text | 7:1 | |
|---|
| 1.4.6 AAA, large text | 4.5:1 | |
|---|
| 1.4.11 AA, controls and graphics | 3:1 | |
|---|
Normal text, 16px: Snow is melting and the trails are open.
Large text, 18.66px bold: up to 30% off rain gear.
Large text, 24px: Trail report
Non-text: a control's border and an icon