Difference between revisions of "Make tables more accessible"
(Created page with "{{Template:Accessibility}} {{Template:Sakai Community Documentation}} Category:Accessibility Category:Instructor Category:Sakai 20") |
|||
| Line 1: | Line 1: | ||
| + | Users of screen readers cannot read tables the same way sighted users do. Sighted users can tell at a glance what column and row a given cell is associated with, but a screen reader user needs a properly coded table. To make tables usable, additional steps will need to be taken to make them accessible. | ||
| + | |||
| + | == Examples of Tables: Simple Table == | ||
| + | [[File:The image above displays a simple table- books read by two people. Only column headers are needed to identify who read which books..png|frame|center]] | ||
| + | |||
| + | The image above displays a simple table: books read by two people. Only column headers are needed to identify who read which books. | ||
| + | |||
| + | == Examples of Tables: Complex Table == | ||
| + | [[File:In the image above, there is a complex table- books read by two people each week. Both column and row headers are needed..png|frame|center]] | ||
| + | |||
| + | In the image above, there is a complex table: books read by two people each week. Both column and row headers are needed. | ||
| + | |||
| + | In the second example, a screen reader user will know that The Sound and the Fury was the book read by Tomiko on Week 3. | ||
| + | |||
| + | == Steps to Making Accessible Tables == | ||
| + | [[File:Steps to Making Accessible Tables.png|frame|center]] | ||
| + | |||
| + | When adding tables, add a row and/or column to be used as a heading for each as appropriate. The table creation menu contains '''Headers''' options that allow for selecting the first row, column, or both. | ||
| + | |||
| + | Add a '''Caption''', if necessary, to the table to inform readers of the table's content. Good examples are: "Data from recent study," "Table of inputs and outputs," etc. | ||
| + | |||
| + | Tables should only be used for tabular data, not for layout. | ||
| + | |||
{{Template:Accessibility}} | {{Template:Accessibility}} | ||
{{Template:Sakai Community Documentation}} | {{Template:Sakai Community Documentation}} | ||
Revision as of 16:27, 27 July 2021
Users of screen readers cannot read tables the same way sighted users do. Sighted users can tell at a glance what column and row a given cell is associated with, but a screen reader user needs a properly coded table. To make tables usable, additional steps will need to be taken to make them accessible.
Contents
Examples of Tables: Simple Table
The image above displays a simple table: books read by two people. Only column headers are needed to identify who read which books.
Examples of Tables: Complex Table
In the image above, there is a complex table: books read by two people each week. Both column and row headers are needed.
In the second example, a screen reader user will know that The Sound and the Fury was the book read by Tomiko on Week 3.
Steps to Making Accessible Tables
When adding tables, add a row and/or column to be used as a heading for each as appropriate. The table creation menu contains Headers options that allow for selecting the first row, column, or both.
Add a Caption, if necessary, to the table to inform readers of the table's content. Good examples are: "Data from recent study," "Table of inputs and outputs," etc.
Tables should only be used for tabular data, not for layout.
More questions about Accessibility?
This page is adapted from an equivalent Sakai Community help article.
The original Sakai Community help article, unedited, is available at https://sakai.screenstepslive.com/s/sakai_help
