nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Course Accessibility Checker does not read code blocks correctly - color contrast issues

InstContentTeam

Engineers are currently investigating the issue.

Summary:

Accessibility Checker does not read code block correctly which could lead to false positives. If the single code line itself, from <> to </> does not contain both background color and font color it will be flagged.

Expected Behavior:

Accessibility checker should be able to check the background text and forground text from the code and provide accurate warnings.

Steps to Reproduce:

Create a course in a sub account with “Accessibility Checker” enabled
Create a Page with HTML where the Background color is #862633 and the Text is #ffffff
1. This has a contrast ratio of 8.97:1 and should pass all standards.
Run check in RCE, there is nothing that pops up.
Run check with Accessibility Checker and it will not register the background color correctly and suggest a change.