...
When typing in text you want to consider the color contrast between the text and the background. For small text (under size 18), a good contrast ratio to aim for is 4.5:1 or higher. For bigger text (over size 18) a good contrast ratio is 3:1 or higher. Black text on a white background or 21:1 is considered to be the most accessible contrast ratio.
Contrast Example
...
Warning |
---|
This slide above has a contrast ratio of 1.13 : 1. This is very low and hardly visible to most readers. |
...
Tip |
---|
This slide above has a contrast ratio of 21 : 1. |
Bullet List Example
If you create a bullet list, the points need to have a contrast ratio above 3:1.
...
Tip |
---|
The bullets in this list are dark green and have a higher contrast ratio. |
Background Examples
Backgrounds with crazy features or patterns should be avoided at all costs. To check if your color contrast ratio is sufficient, you should use Adobe’s Color Contrast Analyzer tool.
...