Issue Summary

On the “Help | Keyboard Shortcuts” page, the data table available in the main content area is missing table markup.

Steps to Reproduce

1. Navigate to the “Help” button present in the header region.
2. Navigate to the “Keyboard Shortcuts” link and activate it.
3. Navigate to the table and observe it is missing table markup.

Screenshot

Actual Results

The content such as “Create Content”, “Add Page” and “Go to dashboard“ is visually presented as a data table but not marked up as a table programmatically. The data table is missing table markup with an accessible name.
As a result, screen reader users will find it difficult to understand the content structure effectively.

Expected Results

The content should be announced as a table with appropriate rows and columns along with the headers for associated data by the screen reader for their users.

The data table should contain <table> markup along with <th>, <tr> and <td> elements. The data table should have an accessible name via <caption> element or aria-label attribute.

Code Snippet

<h2>Global Shortcuts<h2>
<table>
<thead>
  <tr>
      <th>Task</th>
      <th>Commands</th>
    </tr>
    </thead>
<tbody>
    <tr>
      <th data-th=“Task”>Create content</th>
      <td data-th=“Command”>C</td>
    </tr>
(...)
</tbody>
</table> 

Workaround

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

Environment

MacBook Pro (16-inch, 2020)
macOS Sonoma Version 14.4.1
Chrome - Version 124.0.6367.91 (Official Build) (x86_64)
Firefox- Version 125.0.3 (64-bit)
Safari- Version 17.4.1 (19618.1.15.11.14)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest