Page Title: Electric Home Hot And Cold Water Ro System Water Purifier Dispenser Drinking Fountain

November 17, 2021 00:44

Data cells must use `headers` attribute

Actions

Severity	Action
Violation	Add a HEADERS attribute to the data cell to identify the header cells for the data cell.
Manual Check	There are 7 TD elements that do not have any text content and do not have any header cells, verify that thess cells are being used for formatting and do not need headers.

Rule ID	Table 7
Definition	Data cells in complex data tables must use `headers` attribute to identify header cells.
Purpose	The data cells in complex data tables need to use the `headers` attribute to identify the appropriate header cells, since simple row/column relationships cannot be relied upon to provide header information. Complex data tables are defined as tables with row and/or column spans, or more than one header cell (e.g. `th` element) in any row or column of the table.
WCAG Success Criteria	1.3.1 Info and Relationships (Level A, Primary Success Criterion) Other Related Success Criterion: 2.4.6 Headings and Labels (Level AA)
Rule Category	Tables
Scope	Element
Target Resources	`td` elements `td`
Techniques	Use `headers` attribute on each `td` element used as a data cell to identify header information in complex data tables.
Manual Checks	Verify the each data cell has header cells that clearly identify the meaning of the content of the data cell. Verify that empty `td` and `th` elements and does not need table headers.
Informational Links	HTML 4.01 Specification: 11.2.6 Table cells: The TH and TD elements W3C Web Accessibility Tutorials: Tables IBM Web checklist Checkpoint 1.3e: Tables

Element Identifier	Result	Element Position	Message

Element Identifier: Information about the element associated with the result.; The information typically includes the tag name, accessible name or other information related to the rule requirements.; "Page" means that the result applied to the page. For example, the rule "One main landmark on the page" is a page level rule.

Element Position: The element position is based on the DOM order of elements in the page.; The element position maybe useful in helping to locate a specific element on the page evaluated (e.g smaller numbers are typically toward the beginning of a page and larger numbers typically toward the end of a page).; Element position 1 is the first element.; The highest element position is the last element.; Element position values for most rule/page results will not be consecutive since a rule only applies to a sub set of elements found on a page.