Issue Summary

The keyboard support is for the "# days remaining" as a tooltip has been associated with it and also button has not been defined programmatically.

Steps to Reproduce

1. Open the "Scrum board" page.
2. Using the keyboard and screen reader navigate to the “# days remaining" button.
3. Press the Tab key to focus on the mentioned buttons.
4. Observe that the button does not receive keyboard focus.
5. Using the screen reader navigate to the buttons with Arrow keys.
6. Listen that the button role is not announced.

Screenshot

Actual Results

The "# days remaining" button in the main content area is not focusable with a keyboard. The role of the button is not programmatically determined for screen reader users.

This made it difficult for keyboard-only users and screen reader users to access the functionality associated with the mentioned button.

Expected Results

Buttons should be focusable and operable with a keyboard and have a programmatically defined button role.

Ensure that all the interactive elements are focusable and operable using a keyboard and screen reader.
Apply the following changes:

• Code the mentioned buttons using <button> tag.
• Modify the scripts to ensure that the button is operable with a keyboard and a mouse.

A working example of an accessible button can be found at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest