Color Contrast Issue Within the Institution page (Ultra base Navigation)




 
Color Contrast Issue Within the Institution page (Ultra base Navigation)

Date Published: Apr 11,2025 Category: Planned_First_Fix_Release:Future_Reference_Learn; Product:Blackboard_Learn_SaaS; Version:Ultra   Article No.: 000076495

Producto: Learn SaaS

Versión: SaaS

Paquetes de servicio: Ultra

Descripción: 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.

Pasos para repetir:

  1. Login into Blackboard Learn Ultra Experience as an Administrator
  2. Navigate to the Institution page and right-click any white-backgrounded section behind any modules created and click on "Inspect"
  3. 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
  4. Get back to the Institution Page and click the plus icon ("+") to create a new custom module, and then click on Custom content
  5. Add some text to the module and notice the Color picker option from the menu bar on top of the content editor, click it
  6. See 6 default color options to choose from, you can select either Blue (#046EF6), Green (#1C8845), or Red (#F72218).
  7. 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. 

 

 
Síntomas: image.png
 



Información: Issue is being worked out as part of a Development Project. 
Versión de destino: Will Not Fix