The contrast between the colour of text and its background for the element is not sufficient to meet WCAG2.0 Level AA

Issue/Question

Under the Accessibility Final Checks I receive the Known Problem: The contrast between the colour of text and its background for the element is not sufficient to meet WCAG2.0 Level AA.

Environment

  • OU Campus

Cause

OU Campus Final Checks look over all the code on a page and detect accessibility issues that do not meet WCAG 2.0 (Level AA) standards. It has detected that the page has some text that is using a color that does not have enough contrast for users that may be visually impaired to see. This can be caused by using a color in the WYSIWYG drop down or pasting content in from a text editor like Microsoft Word.

Resolution

All colors in the WYSIWYG style dropdown meet accessibility standards. Any custom colors will need to be removed and replaced with a color from it.

  1. Check out the page if it is not already.
  2. Click the  Edit tab.
  3. Click the Edit Button on the content area where the heading is located.
  4. Highlight the colored text that was identified in the Source Code section fo the page check.
  5. In the WYSIWYG toolbar click the  Clear Formatting button, a T with underscore and x. Clear Formatting button to remove any styles.
  6. Use the Styles drop down to select an accessible color or use another style.
  7. Save the page.
  8. Click the Publish button to run the accessibility final check again. Repeat the steps as necessary to replace any colors that the page check identifies. When the issue has been resolved it will no longer display in the accessibility check.

Details

Article ID: 3736
Created
Tue 2/9/21 2:03 PM
Modified
Thu 2/25/21 10:00 AM