Lack of described data cells in elements and elements with [role=”columnheader”/”rowheader”]

Google Lighthouse, reports <th> elements and elements with [role = "columnheader" / "rowheader"] that does not address enough data cells and therefore lowers the user experience.

How to pass data cell audits?

Let’s go through the example. For example, the table below contains a table header column. But there is no table data set that this refers to. In that coding, the header column represents “Marathon pace”.

Fixing this is possible by having a table data cell in the rest of the code. It is ‘’Marathon pace’’.