Issue Summary

On “Select Affected Business Service” dialog, the "Show graph" button is not accessible via keyboard.

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 "show graph" button via TAB key.
5. Observe that the mentioned buttons are not accessible using keyboard and screen reader.

Screenshot

Screen recording

Show graph.mov

Actual Results

The “Show graph” buttons are not operable with a keyboard. This made it difficult for keyboard-only and screen reader users to access the functionality associated with mentioned button.

Expected Results

The button must be identified with role using screen reader for its users. Also, the button must be operable with a keyboard for its users..
Apply the following changes:

•  Code the mentioned button using <button> tag.

A working example of accessible button can be found at Button Pattern.

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