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. To check if your color contrast ratio is sufficient, you should use Adobe’s Color Contrast Analyzer tool.
...
Warning |
---|
This chart has a very low color contrast ratio. |
...
Tip |
---|
This chart has a very high color contrast ratio. |
As you can see in the example, good color contrast makes the text easier to read for the viewer.
Section 2.2: Using Color to Convey Meaning
When trying to show information in a table, never use color as its only indicator. Some users may not be able to see color. Others may not be able to tell colors apart. The best way to show information is to have multiple indicators. One of them can be color, but the other should be text, either normal text or alt text.
...
Tip |
---|
This table uses color and text to convey meaning. It is accessible now because there is a second indicator to what the information is telling a reader. |
Section 2.3
...
: Creating a Text Description
A text description is a description of your table, chart or graph. Screen readers are able to read you tables, charts, and graphs, but text descriptions make it easier to navigate. Instead of having a student run a screen reader through lots of data at various points, all of the data will be in one place.
...
Tip |
---|
This long description tells the readers everything they have to know about the graph. |
Section
...
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. To check if your color contrast ratio is sufficient, you should use Adobe’s Color Contrast Analyzer tool.
...
Warning |
---|
This chart has a very low color contrast ratio. |
...
Tip |
---|
This chart has a very high color contrast ratio. |
As you can see in the example, good color contrast makes the text easier to read for the viewer.
...
2.4: Adding Visual Queues
When using color to convey information, always be sure to add an extra visual queue. For many readers, color is hard to see, so they need another way to read the data.
...
Tip |
---|
This chart includes the names of the employees above their data. This will help readers know what data belongs to which person without relying on color. |
Section
...
2.5: Using Cell Styles
Excel Cell Styles allow you to apply formatting styles to your workbook or table. Some of the formats include number type, alignment, headings, font, borders, fill, text, etc. These styles provide a very fast way to format your workbook to more accessible and easier to read. Follow these rules when using cell styles.
When using styles, like the Bad, Good, and Neutral format, be sure they have a strong color contrast ratio between the text and the background. 4.5 : 1 or higher is best.
Always follow the rules of the hierarchy. The Title style is used on titles, the Heading Style is used on Headings. Heading 1 should be used on your main heading, and Heading 2s are always children of Heading 1s.
\uD83D\uDCCB Related articles
Filter by label (Content by label) | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|