Description:
When using #F8F8F8 as the Hex color for the background at the "Institution page" as well as using any of the (Blue) #046EF6, (Green) #1C8845, and (Red) #F72218 foreground colors for the text on a custom module, will result in a low contrast rate.
The issue only occurs in Ultra instances.
Steps to Repeat:
- Login into Blackboard Learn Ultra Experience as an Administrator
- Navigate to the Institution page and right-click any white-backgrounded section behind any modules created and click on "Inspect"
- Take a look at the top of the HTML Code and focus on div: "<div id="site-wrap" class="off-canvas-wrap" data-offcanvas="">" >, and notice the selected background color is #F8F8F8
- Get back to the Institution Page and click the plus icon ("+") to create a new custom module, and then click on Custom content
- Add some text to the module and notice the Color picker option from the menu bar on top of the content editor, click it
- See 6 default color options to choose from, you can select either Blue (#046EF6), Green (#1C8845), or Red (#F72218).
- Go back to the Institution Page and use any color contrast analyzer tool to evaluate the contrast between #F8F8F8 as the background color and any of the colors mentioned in step 6 as foreground.
Observed Behavior:
#046EF6 (Blue) fails with 4.33
#1C8845 (Green) fails with 4.24
#F72218 (Red) fails with 3.8
Expected behavior:Taking into account a 4.5+ score as an acceptable contrast rate, the contrast check passes all the combinations.
