Issue Summary

On the page, the Screen reader doesn't announce row headers for data tables present in the main content area.

Steps to Reproduce

1. Open the"plan member-login page"page.
2. Navigate to the data tables present in the main content area.
3. Observe that the links are marked-up using <td> elements inappropriately.

Screenshot

Actual Result

The links present inside the table are not programmatically marked-up as row headers. As a result, Screen reader users find it difficult to understand the table structure effectively. 

Expected Results

The Row headers and column headers should be identified for the associated data of the table by screen readers for their users.

Use <th> tags to identify row headers such as "-16:00", "-12:38" and also provide "scope" attribute with "row" as a value inside <th> elements.

To implement this.

The row and cfolumn headers must be defined using <th> element and also  provide "Scope" attribute with "row" and "col" as a value respectively inside <th> elements.

The scope attribute tells the browser and screen reader that every thing within column  that is associated to the header with scope="col" in that column, and that a cell with scope="row" is a header for all cells in that row

Workaround

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

Environment

MacBook Pro (16 inch, 2021)
macOs Ventura  13.5
Chrome - Version 115.0.5790.170 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest