Issue Summary

On "Find an issue" page, the tooltip content  "Lowest - Trivial problem with little or no impact on progress." and "Medium - Has the potential to affect progress." is not accessible for keyboard and screen reader user (appears on hovering on "Medium priority" and "Low Priority" images in "P" column).

Note : This issue is found on "Basic" and "Advanced" mode.

Steps to Reproduce

1. Open any project. 
2. Activate "Issues" button in the header section and select "Search for issues" option.
3. Navigate through page using keyboard or screen reader. 
4. Observe that the tooltip content is not accessible for keyboard and screen reader users.

Screen Recording 

Screen Recording 2024-02-09 at 2.52.05 PM.mov

Screenshot

Actual Results

The tooltip content such as "Lowest - Trivial problem with little or no impact on progress." and "Medium - Has the potential to affect progress."  is not accessible for screen reader and keyboard users. As a result screen reader and keyboard users won't be able to interact with the functionality and Information.

Additionally the tooltip content is coded at the end of the source code inappropriately.

Expected Results

Make sure that the tooltip functionality is accessible for all users.

Apply following changes: 

1. Code "Lowest" and "Medium" buttons using <button> or <div role="button" tabindex="0" ..> elements.
2. Provide state for button using aria-expanded="" attribute. Make sure that the value of attribute changes from "true" to "false" and "false" to "true"on interaction.
3. Provide accessible names as "More info about medium priority" and "More info about lowest priority" for buttons using aria-label="" attribute. 
4. Provide role="status" for tooltip content. 
5. Place tooltip content below tooltip button. 
6. Associate tooltip content with tooltip button using id="" and aria-describedby="" attributes. 

<button aria-describedby="tooltip1" aria-expanded="true" aria-label="More info about lowest priority></button>
<div role="tooltip" id="tooltip1">Lowest - Trivial problem with little or no impact on progress.<div>

Workaround

Not available.

Environment

MacBook Pro (16-inch, 2021)

macOS Sonoma Version 14.1

Chrome - Version 119.0.6045.159 (Official Build) (arm64)

Firefox- Version 93.0 (32-bit) Safari- Version 17.1 (19616.2.9.11.7)

JAWS- Version 2023

NVDA- Version 2020.3

Voiceover - Version Latest