Tables
There are strong grounds for not using tables, and our recommendation is for you to avoid them as far as possible. With that said – below are some good tips for those of you opting to create your own tables.
Creating an accessible table
Remember to only use tables to present data, not for layout purposes.
To ensure tables are accessible, you need to check that the HTML code is correct. A number of points that need to be fulfilled are set out here, with an example of a correctly designed table below.
- Add a caption for the table. In the example below: “Longest rivers of the United Kingdom”.
- Clarify the content of a table in text form by writing a summary. In the example below: summary= “The table shows the longest rivers of the United Kingdom”.
- Each table you insert should have headings for each column/line, specified by “th” in the code. These should be created using the correct code, scope=”col” for column headings and scope=”row” for row headings.
Exempel
| River | Length (kilometer) |
|---|---|
| River Severn | 354 |
| River Thames | 346 |
| River Trent | 297 |
| River Great Ouse | 230 |
Contact
Contact Lund University's accessibility expert via our
contact form.
You can also join the team "Nätverket för webbpublicister vid Lunds universitet" that has a channel for discussing web accessibility. Join the team and go directly to "Webbtillgänglighetskanalen" (in Swedish) on Microsoft Teams
Creating Accessible Tables
Read more on webiam.org.