Created attachment 1673816 [details]
Event Activity on Dashboard Error
Description of problem:
When on the dashboard, the events activity grid isn't accessible by screen reader (particularly tested with Voice Over). It is read as "grid 0 columns 0 rows" and the user is unable to get into the grid. This error was noticed through axe testing, the error looks as follows:
"message": "Required ARIA child role not present: row",
"html": "<div class="ReactVirtualized__Grid__innerScrollContainer" role="rowgroup" style="width: auto; height: 22643px; max-width: 898px; max-height: 22643px; overflow: hidden; position: relative;">"
Version-Release number of selected component (if applicable):
You can see this error by using the Axe Chrome Extension.
Steps to Reproduce:
1. Inspect the page,
2. Click on the axe tab
3. Click "Analyze" - this issue is the one that says, "Certain ARIA roles must contain particular children"
Alternatively, you can open up VO by pressing command and F5, press control, option, and U to open the rotor, use the arrow left and right keys to get to the table menu, find the grid, then try to navigate into the grid (you can get into an item by pressing control, option, shift, and down arrow then navigate by control, option, right and left arrow).
An activity scroll that is inaccessible by screen reader.
To be able to navigate and understand the event activity grid through screen reader.
Add the Axe Chrome Extension, analyze the page, did not find the error "Certain ARIA roles must contain particular children "anymore.
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.
For information on the advisory, and where to find the updated
files, follow the link below.
If the solution does not work for you, open a new bug report.