Data Table (In Progress)

Compliance Statement

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

Restrictions

MUST:

SHOULD:

SHOULD NOT:

Notes:

• tables don't have titles, this can be corrected by adding Title of Table as the first child element in the table:  https://firespringdev.atlassian.net/browse/FDP-44624 pending completion of all vue.js rework areas
• 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.