Issue Summary

In the main content area the invisible content is not hidden for screen reader users.

Steps to Reproduce

1. Navigate to the "Analytics" option in the header and activate it.
2. Observe that "Analytics" page has been appeared on the screen.
3. Navigate to the "Spaces" link and activate it.
4. Using Screen reader navigate the page and check that invisible content is being announced.

Screen Recording

Screen Recording 2023-08-09 at 1.40.23 PM.mov

Actual Results

The invisible table content such as "Date wed 2 Aug" is available at the end of the page due to which it's get announced for screen reader users inappropriately. Due to lack of "aria-hidden" attribute, unnecessary content is available for the user which resulted as a confusing experience.

Expected Results

Provide aria-hidden="true" property to the <div> element containing <table> element within it.

Code Snippet

<div aria-hidden="true" class="nvtooltip xy-tooltip" id="nvtooltip-93481" style="top: 0px; left: 0px; opacity: 0; position: fixed;">
<table class="adg-tooltip">
<thead>
<tr>
<td class="adg-date" colspan="3">
<strong class="x-value">
<span class="aui-icon aui-icon-small aui-iconfont-calendar">
Date</span> Mon, 31 Jul</strong>
</td>
</tr>
</thead>
(...)
</div>

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest