Difference between revisions of "Inadequate Color Contrast"

From Help Wiki
Line 33: Line 33:
 
   
 
   
 
|sidebar=
 
|sidebar=
 +
====Accessibility Reasorces====
 +
*[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
 +
*[[Accessibility_Help|Accessibility Help Page ]]
 +
*[[Tips_for_Providing_Barrier-Free_Access|Tips for Providing Barrier-Free Access]]
 +
*[[Accessibility_Software|Accessibility Software]]
 +
*[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
 +
*[[Optical_Character_Recognition|Optical Character Recognition]]
 +
====Creating Accessible Content====
 +
*[[Accessible_Word_Documents|Accessible Word Documents]]
 +
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
 +
*[[Creating_Accessible_Math_Resources|Creating Accessible Math Resources]]
 +
*[[Accessible_Spreadsheets|Accessible Spreadsheets]]
 +
*[[Accessible_Video|Accessible Video]]
 +
*[[Accessible_Canvas_Pages|Accessible Canvas Pages]]
 +
*[[Accessible_WordPress_Pages|Accessible WordPress Pages ]]
 +
*[[Accessibility_Within_Canvas_Checklist|Accessibility Within Canvas Checklist]]
 +
*[[Learn_more_about_Accessibiliity_and_Inclusive_Design|Learn more about Accessibiliity and Inclusive Design]]
 
----
 
----
 
{{GetHelp}}
 
{{GetHelp}}
 
}}
 
}}

Revision as of 18:34, 5 October 2017

Without sufficient color contrast between font and background, people who are color blind or have low vision may not benefit from the information. And using color alone to convey meaning will leave those who are color blind or blind unable to interpret the meaning.

To change the color of your text you need to...

  1. Highlight the text you want to change to another color.
  2. Click on the Text Color icon (letter A at left in the toolbar).
  3. Click on a color in the drop-down menu to apply it to the text.


Examples:

Example of inadequate color contrast* (*inadequate color contrast)

versus

adequate color contrast


Tools:

WebAim Color Contrast Checker The WebAim Color Contrast Checker is a free site that can check the legibility of text and image by comparing the color of the text against the color of the background.

Colour Contrast Analyser The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.