Behind the Blackboard! Incorrect ARIA Attributes in Language Option List - Behind the Blackboard Skip Navigation
Download PDF  Icon Download PDF    Print article

Incorrect ARIA Attributes in Language Option List

Date Published: May 10,2024


CategoryPlanned First Fix Release:SaaS - v3900.93.0; Product:Learn; Version:Ultra
Article No.: 000077830
Product:
Blackboard Learn
Release:
SaaS
Service Pack(s):
Ultra
Description:

An issue has been identified regarding the incorrect configuration of ARIA (Accessible Rich Internet Applications) attributes in the Language Option list (<ul>) on Blackboard's Ultra default Login page.

This issue has the potential to impact the accessibility of the page and its compliance with web accessibility standards, such as those outlined in the Web Content Accessibility Guidelines (WCAG).
 

Problematic ARIA attributes encountered and their consequences:
 

  1. Aria-expanded and Role="menu": The Aria-expanded attribute is being used inaccurately in conjunction with the role="menu" attribute. This combination should be reserved for interactive elements like menus. Additionally, the absence of proper child roles (e.g., menu item) in the <ul> element invalidates its role as a menu. Furthermore, the semantic meaning of the list items (<li>) is disrupted, impacting navigation expectations.
     

  2. Aria-pressed: This attribute is being misused in this context. Aria-pressed is intended for interactive elements that can be "pressed," whereas a list is not an interactive element. This misuse leads to an inaccurate representation of the interface's interactive state.
     

  3. Aria-hidden: This attribute is used correctly to indicate whether an element should be hidden or not.

Steps to Repeat:
  1. Log into Blackboard Learn Ultra Experience as an administrator 
  2. Enable the browser's Developer Tools
  3. Locate the list of languages in the Language Option list (<ul>)
  4. Observe the ARIA attributes in the Developer Tools


Observed Behavior:
The Language Option list contains incorrect ARIA attributes, such as aria-expanded, role="menu," and aria-pressed, impacting the semantic structure and interactive state of the list.
 

Expected Behavior:
The Language Option list should utilize ARIA attributes appropriately to ensure a consistent, accessible, and compliant user experience.






Target Release:

SaaS-Fixed (v3900.93.0)







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. © 2024 Blackboard Inc. All rights reserved