Issue Summary

The "Source" and "Destination" buttons inappropriately use listbox semantics.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Navigate onto the mentioned instances and inspect the code.
3. Observe the misuse of the listbox semantics.

Screenshot

Actual Results

The <button> elements inappropriately use role="listbox". As a result, the native button semantics will be overridden and screen reader users will not be able to understand the functionality associated with the button.

Expected Results

Make sure that the ARIA roles are used appropriately. In this scenario, we would recommend you to remove the role="listbox" from the native <button> elements.

Code Snippet

<button aria-expanded="false">Source</button>

Workaround

Currently, there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest