Your browser has javascript turned off or blocked. This will lead to some parts of our website to not work properly or at all. Turn on javascript for best performance.

The browser you are using is not supported by this website. All versions of Internet Explorer are no longer supported, either by us or Microsoft (read more here: https://www.microsoft.com/en-us/microsoft-365/windows/end-of-ie-support).

Please use a modern browser to fully experience our website, such as the newest versions of Edge, Chrome, Firefox or Safari etc.

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

Longest rivers of the United Kingdom
River Length (kilometer)
River Severn 354
River Thames 346
River Trent 297
River Great Ouse 230

HTML code for the table example - pastebin.com

Contact

Questions about web accessibility? Send an e-mail to: tillganglighet [at] kommunikation [dot] lu [dot] se

Join the team "Webbtillgänglighet inom LU" (in Swedish) on Microsoft Teams