Behind the Blackboard! Insufficient Contrast for Text Causes Accessibility Issues in the Learn 2016 Theme - Behind the Blackboard Skip Navigation
Download PDF Icon Download PDF    Print article

Insufficient Contrast for Text Causes Accessibility Issues in the Learn 2016 Theme

Date Published: Nov 23,2020


CategoryPlanned First Fix Release:SaaS - v3900.2.0,Learn 9.1, 3900.2.0 Release; Product:Course Tools,Browsers; Version:Learn 9.1, 3900.0.0,Learn 9.1 Q4 2019 (3800.0.0),Learn 9.1 Q4 2018 (3500.0.0),Learn 9.1 Q2 2019 (3700.0.0),SaaS
Article No.: 000060013
Product:
Blackboard Learn
Release:
9.1;SaaS
Service Pack(s):
Learn 9.1, 3900.0.0, Learn 9.1 Q4 2019 (3800.0.0), Learn 9.1 Q4 2018 (3500.0.0), Learn 9.1 Q2 2019 (3700.0.0), SaaS
Description:
In the Learn 2016 theme, text color for hover text is presented as #C372D2 on top of #333333 which does not meet color contrast guidelines for normal text. This makes the theme non-compliant with WCAG. The use of #C372D2 for text should be replaced with #E3B7EB instead which is correctly used for keyboard selection workflows.
Steps to Repeat:
Prerequisite:
Use Firefox to replicate this issue.
  1. Log into Blackboard Learn as System Administrator
  2. Navigate to System Admin > Courses
  3. Search for a course that is using the BB Learn 2016 theme
  4. Enter the course
  5. Open the browser dev tools (ctrl+alt+i)
  6. Go to the Accessibility tab
  7. Select Dev Tools > Accessibility Inspector
  8. Hover over course menu > Content > Select Content

Expected Behavior:
The checks show that the contrast complies with the WCAG standards.

Observed Behavior:
The checks show Color (3.98) and Contrast (4.03).  This does not meet WCAG standards for accessible text.





Target Release:

Learn 9.1, 3900.2.0 Release

SaaS - Fixed (v3900.2.0)

Patch Available:

No





The information contained in the Knowledge Base was written and/or verified by Blackboard Support. It is approved for client use. Nothing in the Knowledge Base shall be deemed to modify your license in any way to any Blackboard product. If you have comments, questions, or concerns, please send an email to kb@blackboard.com. © 2021 Blackboard Inc. All rights reserved