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:
-
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.
-
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.
-
Aria-hidden: This attribute is used correctly to indicate whether an element should be hidden or not.
Steps to Repeat:
- Log into Blackboard Learn Ultra Experience as an administrator
- Enable the browser's Developer Tools
- Locate the list of languages in the Language Option list (<ul>)
- 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.