...
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.
...
| 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. |
If you create a bullet list, the points need to have a contrast ratio above 3:1.
...
| Warning |
|---|
The bullets in this list are light green and may have a low contrast ratio. |
...
| Tip |
|---|
The bullets in this list are dark green and have a higher contrast ratio. |
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.
...
| Warning |
|---|
This slide above has a contrast ratio of 1.13 : 1. This is very low and hardly visible to most readers. |
...
high contrast between the text and background, but the background pattern is very distracting. |
...
| Tip |
|---|
This slide above has a contrast ratio of 21 : 1the text on a plane background. A fancy background is still visible, but since it does not interfere with the text, it is okay to use. |
Section 2.2: Using Color to Convey Meaning
...