Issue Summary

Accessible names are not provided for the "?" tooltip elements.

Test URL

https://corporates-status.thomsonreuters.com/

Steps to Reproduce

1. Open the Corporate Tax and Trade page.
2. Use the Tab key to navigate to the expand buttons.
3. Navigate to the "Indirect Tax" button and activate it.
4. Navigate to the mentioned tooltip elements.
5. Observe that accessible names are not provided for the tooltip elements.

Screenshot

Actual Results

The "?" tooltip elements do not have a programmatically defined accessible name. Although, aria-label is defined, it contains full tooltip content rather than descriptive label that identifies the purpose of the element.

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

Expected Results

Ensure that the meaningful accessible name is provided for the tooltip elements

Apply the following changes ->

• Replace the <span> element with native <button> element in the source code.
• Set a clear and meaningful accessible name such as "More information about subscription" using the aria-label attribute.

• Remove the role="tooltip" from the <span> containing the tooltip trigger element.

Code Snippet

<button aria-label="More information about subscription" aria-describedby="tooltip400040" ...>?</button>
<div role="tooltip" id="tooltip400040" class="..." ...>
Tooltip content goes here ...
</div>

Workaround

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

Environment

Windows - 11 Pro
MacBook Pro (16 inch, 2021)
macOs 15.4.1
Chrome - Version 137.0.7151.57 (Official Build) (arm64)
Firefox- Version 136.0.4
Safari- Version 18.3 (20620.2.4.11.5)
JAWS- Version 2023
NVDA- Version 2024.4.2.35031
Voiceover - Version Latest