Issue Summary

On “Select Affected Business Service” dialog,  the interactive element "Business service" is coded as link incorrectly.

Steps to Reproduce

1. Open the “Help Centre | ITSM” page.
2. Navigate to "Search" button near to "Affected Business Service" field and select it.
3. A "Select Affected Business Service" modal dialog will appear over the screen.
4. Navigate to "Business service" link and observe screen reader announcement.

Screenshot

Actual Results

when user navigates to “Business service” element it announces as link inappropriately. In this case of incorrect role as “link” will provide confusion in minds of users that some functionality is triggered on new page. As a result it will be confusing experience for screen reader users

Expected Results

Provide the "Business service"control with checkbox element and also it should announce accessible name for this mentioned element.
 
This can be achieved by following the steps below:

1. Provide  the custom checkbox with the standard checkbox by using the <input type="checkbox"> for mentioned element
2. Alternatively, use appropriate ARIA roles and attributes to code the custom checkbox. Additionally, modify the scripts to ensure it's operable with the keyboard.

A working example of custom checkbox can be found at: https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox.html

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3