| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
\uD83D\uDCD8 Instructions
Section 2.1: Color Contrast
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. 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. |
...
| Tip |
|---|
This slide above has a contrast ratio of 21 : 1. |
Section 2.2: Using Color to Convey Meaning
If you are going to use color to convey information, always include a text alternative. Color alone is not enough to show off information. For example, color blind users or people with low vision looking at a chart may not be able to read the data or struggle to differentiate the data sections.
...
| Tip |
|---|
The chart has been provided an alt text. |
Section
...
2
...
.
...
3:
...
| 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. |
...
Transitions and Animations
As cool as transitions and animations can make your presentation, it is best to use them conservatively. Many transitions and animations are time consuming, distracting, and most importantly could overwhelm viewers.
...
When using animations, be sure to have them appear in the right order from top to bottom. Do not use any of the yellow or red animations. They make text disappear or activate an effect at a time when it would not be appropriate for one.
...
Section
...
2.4: Can I use Flashing and Blinking Images or GIFs?
As a general rule, you should avoid any flashing or blinking images. Flashing, blinking, or flickering content can trigger epileptic seizures. If you do have flashing or blinking images, be sure they do not flash more than 3 times per second. For animations, do not use any flashing or flickering animations. Just use the simple “Appear” animation.
\uD83D\uDCCB Related articles
| Filter by label (Content by label) | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|