Data Tables

[KoopReynders]

For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.

Include id attributes in th cells and headers attributes in the associated td cells, or include scope attributes in th cells.
https://visitatie.fdnd.nl/inleiding.html Line 70
https://visitatie.fdnd.nl/onderwijsleeromgeving.html Line 105

[KoopReynders]

Identify row and column headers in data tables using th elements, and mark layout tables with role=presentation.

Data tables allow screen reader users to understand column and row relationships. Layout tables read cells as a series of unrelated paragraphs with no tabular structure. Without th or role, screen readers apply heuristics to decide whether a table is a layout table or data table. These heuristics vary greatly between screen readers, and are affected by browser being used, window size, and font size (so the outcome is very unpredictable without th or role). If a data table has headers marked up using td, then change these to th. If a data table has no headers, add th elements describing each row and/or column. If the table is only used for layout add role=presentation to the table element. Impact on users:JAWS Reading: Treats tables without th and role as layout tables if the table contains cells above or below certain pixel sizes. This measurement is affected by browser window size, browser font size, and the browser used.NVDA Reading: Applies a layout table heuristic to tables without th and rolewhich varies depending on the browser used and on the window size in some circumstances.VoiceOver Reading: Uses a sophisticated heuristic on tables without th and role, which is similar (but not identical) to the heuristic used by NVDA with Firefox.

https://visitatie.fdnd.nl/onderwijsleeromgeving.html Line 160