Accessibility - Tests & Quizzes - Print Assessment - Assessment and Part Titles have poor color contrast
GENERAL
TESTING
GENERAL
TESTING
Description
Attachments
2
- 25 Oct 2024, 10:17 PM
- 23 Oct 2024, 04:26 PM
relates to
Activity
Show:
Wasi Khan October 25, 2024 at 10:17 PM
Verified since default colors are now visible:
Server Information
Sakai Version: 25-SNAPSHOT
Server Time: Oct 25, 2024 6:17:12 PM EDT
Server: ip-172-31-7-189
Build Info: 926c8bd4
Alan Regan October 23, 2024 at 4:26 PM
When will this change be visible on NIghtly? Tomorrow (Thursday, 10/23/2024)?
Currently, the color is still the unacceptable light teal (at least on the following nightly server --
Here is the CSS code that must change (.assessment_title):
Again, must be a darker blue. Cannot be #01a5cb.
Go with the darker Sakai blue: #0f4b70 (WebAIM test on the darker blue).
Automation for Jira October 21, 2024 at 5:57 PM
A pull request has been created, "SAK-47738 Library tests & quizzes poor color contrast of print assess…", you can see it at https://github.com/sakaiproject/sakai/pull/12976
Fixed
Details
Details
Priority
MajorFix versions
Components
Assignee
Sam OttenhoffReporter
Alan ReganCreated August 29, 2022 at 5:44 PM
Updated February 21, 2025 at 8:31 AM
Resolved October 23, 2024 at 2:12 PM
Issue
The color contrast of the Assessment Title and the Part Title in the “Print” assessment process does not meet accessibility standards. The titles currently have a nice, light shade of blue but the color is too light and does not pass contrast checks.
The color is currently set to “#01a5cb” (a light, teal-like blue). On a white background, this has a color contrast value of 2.89:1 which does not meet standards.
There are other potential accessibility challenges with this presentation, but this color change should be relatively easy to address.
Proposal
Increase the color contrast value from “#01a5cb” (light teal) to at least “#017893” (which is 5.11:1 and passes the large text test for WCAG AA and AAA, passes normal text for WCAG AA but not WCAG AAA) or “#015F74” (which is 7.26:1 and passes all tests for normal and large text).