Accessible Complex Tables
Simple Tables
Simple tables are generally easy to use with screen readers because table structure is predictable and repetitive. Just remember to use:- aria-labelledby
- aria-describedby
- role
Here's an example of one:
Complex Table
Complex tables are tables with:- Nested rows or columns
- Where a heading isn’t at the top of the column or to the left-most of a row
- Give all th (table header) tags:
- id attribute - unique identifier
- scope attribute - values: col or row
- Give all td (table data) tags a headers attribute with space-separated id’s of its related headers
- Use the abbr tag (abbreviation), to define abbreviations
References:
Comments
Post a Comment