Color Contrast

based on wcag standards for text and non-text contrast.

WCAG Ratios: Non-Text: min ratio 3.0 | Text AA min ratio of 4.5 | Text AAA min ratio of 7.0

Important Notes: While some color combinations meet WCAG compliance, not all are recommended. Plne refer to the examples provided to ensure your color choices align with both WCAG standards and UVU recommendations.

Non-Text Elements: This category refers to graphical elements where two colors meet (e.g., icons or backgrounds). The examples provided use Font Awesome icons as visual references. Note: While Font Awesome is technically a font, additional details regarding text icon specifics will be included later.

Not Recommended Combinations: Certain color combinations, although they technically meet WCAG standards, are not recommended for use. To maintain consistent design quality, please avoid these combinations or seek guidance from Creative Services for alternative options.