-
Type:
Bug
-
Resolution: Fixed
-
Priority:
High
-
Component/s: Pages - Status Embed
-
Severity 3 - Minor
-
Accessibility
Issue Summary
The associated tooltip content is not announced for the screen reader users.
Test URL
https://corporates-status.thomsonreuters.com/
Steps to Reproduce
- Open the Corporate Tax and Trade page.
- Use the Tab key to navigate to the expand buttons.
- Navigate to the "Indirect Tax" button and activate it.
- Using screen reader, navigate to the mentioned tooltip elements.
- Observe that tooltip content is not announced by screen reader.
Screen Recording
Recording 2025-08-05 191948.mp4![]()
Actual Results
The tooltip content associated with "?" elements are not announced when the triggering elements get activated.
As a result, screen reader users are unable to access the additional information provided by the tooltip.
Expected Results
When the tooltip trigger element receives focus, the associated tooltip content should be announced by screen reader.
Make the tooltip accessible by performing following steps
- Replace the <span> element with native <button> element in the source code so that it receives keyboard focus.
- Control the visibility of this <div> element (tooltip content) using CSS depending whether the button is in focused state or not. Ensure that this <div> element does not get dismissed when hovered with mouse. However, the tooltip content can be dismissed on activating “Esc“ key or when it looses focus.
- specify the ID of the <div> element containing tooltip container to the “aria-describedby“ attribute of the <button> as its value. This will read out the content of tooltip to the screen readers when the button is focused.
- As well, specify role=”tooltip” attribute to the <div> element containing the tooltip content.
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