Data Table

Compliance Statement

Level AA compliance can be achieved using the Data Table component, see Restrictions for more information.

Restrictions

MUST:

• Data table MUST have a caption defined, while it not a required component field it is needed to meet 2.1 AA.

SHOULD:

SHOULD NOT:

Notes:

• tables with header row/column labels aren't reading both titles for cells in the middle of the table.

Table with Column/Row Labels ⚠

The table column labels are appropriately associated with the cells below, however the row labels are not associated with the intersecting cell. (ex. Available Items | Forks, Quantity | 12, Quality | Good instead of Available Items | Forks, Quantity | Forks | 12, Quality | Forks | Good)

Column Label | Row Label | Cell Value

Column label rotation doesn't impact cell association.

Table with Column Label

The table column labels are appropriately associated with the cells below. (ex. Sunday | Closed, Monday | Open 8:00-5:00, etc.)

Table with Row Label

Because this table's reading order is left to right the label association isn't required.

Table without Column/Row Labels

Because this table has no column or row semantic markup, it is considered a layout (visual presentation) table.