Tables - Section 8
There are two types of tables used in web pages:
- Data tables; and
- Layout tables.
You must ensure that you always use structural markup correctly for the type of table you are using.
In general, data tables require more careful design and coding to ensure accessibility and long, complex data tables should be avoided as they are difficult for everyone (and difficult to code correctly).
Layout tables should be used sparingly (ideally you should be using CSS(see 2.2). If using layout tables, ensure they are simple and are designed so that they present information in the correct order for quick access to key content on the page.
In this section:
- DEV 8.1 - Data tables: Simplify and mark up with special HTML
- DEV 8.2 - Layout tables: Ensure correct readout order, avoid complicated nesting, describe with summary attribute
Use proportional sizing (% values) where possible for all tables, data or layout - this allows the table to be resized relative to screen resolution (tables with absolute sizes do not transform gracefully for users with smaller screens or lower resolutions).