...
- Use the accessibility tools built into MS Office and other products that you use to create documents.
- "Print to PDF" will strip out all accessibility tags; instead, use "Export" or "Save As PDF."
- Graphics must include alt text that screen readers can use to describe the content.
- Color contrast between background and text must be compliant to WCAG AA standards, at a minimum. See A11y Color Palette, WebAIM Color Contrast Checker, WCAG Paciello Group's Colour Contrast CheckerAnalyser.
Graphs
Make sure that graphs and other images do not rely solely on color to convey information. If necessary, use online tools such as Coblis or Sim Daltonism to test your images.
- This graph can not cannot be interpreted by somebody with Monochromacy / Achromatopsia, nor when printed in grayscale.
- This graph uses shapes in addition to color to convey the information. It can be interpreted in grayscale and by somebody with Monochromacy / Achromatopsia.
...
Even if you are color coding, make sure values or labels are included with each bar for screenreadersscreen readers. If the color differences are significant to understanding the chart, make sure that they have sufficient color contrast and difference in darkness for a colorblind user to interpret.
Example 1. The below bar chart could use editing for improvement of contrast in color depth in order to be interpreted by a person with monochromacy:includes labels on each bar. Color contrast needs to be checked to make sure that there is enough contrast between the white text (foreground) and the red, orange, blue, and gray bars (background). In addition, if the bar colors are significant and correspond with a key, then the contrast between each bar color also needs to be checked.
- Checked on the Coblis free online colorblindness simulator. In this case, for readers with monochromacy, there is little to no difference between the orange and the gray bars. The difference between the red and the blue bars could also be easily confused.
To check the foreground (text) against the background (bar), check the color codes on WebAIM's Contrast Checker or other tool.
Tip title TIP To test color contrast, you need the exact value for each color used. If testing colors that are on a website, try a color picker browser add-on to find this value. For desktop applications, free software such as Paciello Group's free Colour Contrast Analyser may help.