Engineers are currently investigating the issue.
Description:
The current day color on the mini version of the course Calendar does not meet the +1.4.11 Non-text Contrast+ requirements in both the home page and on the Calendar. The issue is the state indicator color against the white background. The contrast is supposed to be 3:1 (blue/pink against the white background). This may also violate +1.4.1 Use of Color+ because it’s using color alone to convey meaning. It should probably have something like a border, or an underline for the number.
Expected Behavior:
The highlighted current day should meet WCAG 2.2 1.4.11 (AA) or 1.4.1 (AAA) minimum requirements: https://www.w3.org/TR/WCAG22/#non-text-contrast
https://www.w3.org/TR/WCAG22/#use-of-color
Actual Behavior:
The highlighted current day and selected day do not meet WCAG 2.2 1.4.11 (AA) color contrast minimum requirements.
* For the highlighted current day on the Calendar page:* highlight: {{#E0F7FA}}* Ratio: 1.11:1 For the highlighted current day on the Home page:* highlight: {{#FCE4E5}}* Ratio: 1.2:1
Steps to Reproduce:
- In a course, set the Home page to “Syllabus“ in order to add the “mini course Calendar“ on the sidebar.
- Using a color contrast analyzer, get the contrast ratio for the highlighted current day. Note that the contrast ration is under the 3:1 which is the color contrast requirement under WCAG 2.2 1.4.11 (AA).
- Navigate to the Calendar and check the contrast ration for the mini version of the Calendar on the right sidebar and notice the same issue
