Brand Palette Color Contrast Verification
The university has committed to meeting the requirements set out in Web Content Accessibility Guidelines 2.0 (WCAG) at conformance level AA. Following these guidelines helps ensure that all users, including those with disabilities, can access resources on the web.
For color, this means that a certain ratio of contrast between the foreground and background colors must be met in order for most people to read text comfortably. These required ratios are different depending on the size and weight of the type. Larger or bolder text needs to have less contrast in order for most users to be able to read it.
For the AA conformance level, which the university has committed to meeting, text must have a contrast ratio of 4.5:1 or greater unless it is considered large-scale text in which case it must have a contrast ratio of at least 3:1.
Large-scale text is defined as being:
- 18pt or greater if the text is not bold or
- 14pt or greater if the text is bold
Since most web developers do not use points for font size, we have provided the unit conversion tables below that show these values in other units, such as pixels, ems, and percents.
Contrast Verification Tool
We have developed a tool to help designers and content producers choose color combinations from the Brand Palette that are within the WCAG 2.0 Level AA accessibility standard that the University has recommended for all sites in order to meet requirements under the Americans with Disabilities Act (ADA). Simply choose your foreground and background colors and whether your text is Normal or Large-scale. Then click the "Check my choices" button to learn whether you have met these requirements.
You can learn more about how to check the contrast of colors outside of the university’s primary and secondary palette by looking the at the Knowledge Base article on Ensuring Sufficient Contrast.