How should data cells be connected to headers?

How should data cells be connected to headers?

• A. All data cells are programmatically associated with relevant headers
• B. Headers can be visually associated only
• C. Headers are optional
• D. Cells must align with headers but need not be programmatically linked

Answer: (A)

Connecting data cells to headers ensures the table communicates meaning to assistive technologies and data-processing tools. Each data cell should be linked to the relevant header so screen readers can announce the header along with the cell’s value as a user navigates the table. This is typically done by using header cells (th) with scope attributes to indicate column or row headers. In more complex tables, you can explicitly tie cells to headers using mechanisms like the headers attribute that references the id(s) of the appropriate header cells. Visual alignment alone isn’t enough, because non-visual users and automated systems rely on the explicit markup to understand which header governs which data. Therefore, a programmatic connection between each data cell and its headers is the correct approach.

Connecting data cells to headers ensures the table communicates meaning to assistive technologies and data-processing tools. Each data cell should be linked to the relevant header so screen readers can announce the header along with the cell’s value as a user navigates the table. This is typically done by using header cells (th) with scope attributes to indicate column or row headers. In more complex tables, you can explicitly tie cells to headers using mechanisms like the headers attribute that references the id(s) of the appropriate header cells. Visual alignment alone isn’t enough, because non-visual users and automated systems rely on the explicit markup to understand which header governs which data. Therefore, a programmatic connection between each data cell and its headers is the correct approach.