Project settings | Details : Tooltip elements with no accessible names

Issue Summary

On the “Project settings | Details” page, the “Project key help”, “Project type help”, “Project category help”, and so on, tooltip elements do not have programmatically defined accessible names.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Navigate onto the mentioned instances and inspect their code.
3. Observe that the tooltip elements do not have accessible names.

Screen recording

Screen Recording 2023-05-03 at 8.19.13 AM.mov

Actual Results

The “Project key help”, “Project type help”, “Project category help”, and so on, tooltip elements do not have programmatically defined accessible names. 

As a result, users of assistive technologies will not be able to understand the purpose or the functionality associated with these tooltip elements.

Expected Results

Interactive elements must have programmatically defined accessible names so that their functionality is communicated to assistive technology users. In this scenario, use aria-label attribute to provide accessible names for the tooltip elements. Make sure that the accessible names signpost the purpose or functionality associated with the tooltip elements.
Code Snippet
<a href="..." aria-label="Project key help" aria-expanded="false">...</a>

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 Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest