Issue Summary

The state of the buttons created from “create canned response “ is not defined when selected. Screen reader users will not get any information about the selected button.

Steps to Reproduce

1. Open any ticket in JSM.
2. Create a reply or internal note.
3. Enter /can and choose the canned response feature.
4. If needed, create some test responses.
5. Tab through the buttons for choosing a response or editing or deleting, trying to determine which is selected with a screen reader.

Screen Recording

Actual Results

The buttons “Test1 ” and “Test 2” which are present on the “Insert canned response” modal dialog are not defined with their current state.

This made it difficult for screen reader users to access the functionality associated with it.

Expected Results

The screen reader should announce the state of the buttons when interacting with the “Test 1“ and “Test2 “ buttons for its users.
Apply any of the following changes:

• Set the "aria-selected" attribute to "true" when the buttons are selected.
• We can provide a hidden text “selected” to the selected button so that the screen reader users get an info regarding the selected button.

Code snippet

<button aria-selected "true" class="_1tkezwfg _19pkv77o css-w1xysm" type="button"><span class="css-1274njb"><div class="css-uhs1ox"><span class="css-wp7pw9" data-item-title="true">Jira DC Canned Response</span></div></span></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 Sonoma 14.7.1 (23H222)
Chrome - Version 131.0.6778.265 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 18.2
JAWS- Version 2024
NVDA- Version 2024
Voiceover - Version Latest