Techniques about HTML Tables - Web Experience Toolkit (WET)
- Key Cell Technique
- Table Description technique
- Header Column Cell Description Technique
- Header Row Cell Description Technique
- Multiple Row for the row group header technique
- Multiple Column for the column group header technique
- Row grouping technique
- Column Grouping Technique
- Defining colum summaries for a single row group technique
- Defining row summaries for a single data column group technique
- Defining multiple column summaries for a data row group set technique
- Defining multiple row summaries for a data column group set technique
- WCAG 2.0 technique reference [...]
Technique Draft Template
Technique Author
Name: Pierre Dubois
Email: Pierre Dubois at ic dot gc dot ca
Technique Information
Technology
Technology
HTML and XHTML Techniques
Guidelines Reference
Success Criterion 1.3.1 (Info and Relationships)
Technique Title
Defining Key Cell in a Table
Applicability
Use for data tables when presence of a key information related to a row cell header.
User Agent Issues
Not Available
Description of Technique
The objective of this technique is to ...
Examples
Examples Titles
Table Source Code
Resources
- Zebra stripping working example of an generic invoice
- Javascript Table Parser Source Code (Build with JQuery)
- Data Table Validator and id/headers/aria-describedby auto setup
- WET Table Parser Documentation, Example and How To
- HTML5 - 4.9 Tabular data
- Techniques for WCAG 2.0 - W3C Editor's Draft
- Submitted technique - HTML and XHTML Techniques - Using table row grouping to associate data cells with header cells in data tables
- Submitted technique - HTML and XHTML Techniques - Identifying data group (tbody) in a data table
- Submitted technique - HTML and XHTML Techniques - Using table row grouping to associate data cells with ids/headers
- Improving the accessibility of tables
Related Techniques
- H51: Using table markup to present tabular information
- H39: Using caption elements to associate data table captions with data tables
- H73: Using the summary attribute of the table element to give an overview of data tables
H63: Using the scope attribute to associate header cells and data cells in data tables- H43: Using id and headers attributes to associate data cells with header cells in data tables
- H79: Identifying the purpose of a link using link text combined with its enclosing table cell and associated table headings
- F34: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to format tables in plain text content
- F49: Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized
- F46: Failure of Success Criterion 1.3.1 due to using th elements, caption elements, or non-empty summary attributes in layout tables
- G57: Ordering the content in a meaningful sequence
Test
Procedure
Expected Result
Test File 1
This Test File 1 [fail/pass] this technique
Table Source Code
Test File 2
This Test File 2 [fail/pass] this technique
Table Source Code
Additional Notes
None
- Date modified: