Bb Accessibility Tip: Tables

by Janice Florent

The sixth tip in my series of accessibility related blog posts will focus on tables. A table is a means of arranging information into rows and columns. Tables are very useful for displaying data in an organized manner. Your course schedule and office hours are examples where formatting this information in a table could make the it more accessible.

Tables should be avoided when you want to simply format other content (i.e., just to line things up neatly.) Using tables just for layout purposes is not the best practice for accessibility and may make it nearly impossible for people who use assistive technologies to access the information. If you do choose to use a table to layout text on the page, make sure you lay it out so it will make sense when read from left to right. Text-to-speech software by default will read the information in a table left to right, cell by cell, and row by row.

Follow these tips when creating tables to make them accessible:

• Do not use tabs or spaces to create tables. It may look like a table; however it will not be recognized as a table and can be confusing when read by assistive technologies.
• Add Row and Column Headers to tables to distinguish the heading text from the data area of the table. Screen readers read simple tables efficiently when the column or row headers are clearly defined.
• Repeat Row Headers if the table spans more than one page. Tables that are contained on multiple pages should have the header row repeated on each page.
• When you use tables for the presentation of data, summarize the table to aid reader comprehension. This helps all students to know the high points of a table.
• Break up complex tables (nested tables and merged or split cells inside of tables) into a series of simple tables. Simple tables are more usable for everyone.
• The information in each cell should make sense if read without the column heading. For example, instead of entering 1, 2, 3, in a "Chapter" column you should enter Chapter 1, Chapter 2, Chapter 3, in the cells to make it clearer when read by a screen reader.

Here’s an example of two accessible tables:

This video shows how a screen reader reads information in tables. There is an example of a good and a bad table layout. The video demonstrates how reading order AND the information in the columns are important considerations when creating accessible tables.

In the bad example in the video, the use of the dash and abbreviations for the months can be confusing when read by a screen reader. The abbreviated months would have been less confusing if the year had been included. The use of 1,2,3 in the "Week" column in the bad example can be confusing as well. A better option is to use Week 1, Week 2, Week 3 in the respective column.

When applying structure to documents and web content, you should use the appropriate built-in formatting structure tools to do so. Doing so will make content accessible to everyone, including users of assistive technology.

Creating tables in MS Word:

1. On the Insert tab choose Insert Table and select the appropriate number of rows and columns for your table.
2. Select the header row in the table and press the right mouse button. A Table Properties window will open.
3. Select the Row tab and check the box next to Repeat as header row at the top of each page. Press Enter key or Ok button. This header row will be repeated at top of each page.

Creating tables in PowerPoint:

1. Use the Insert Table function in the Slide layout select the appropriate number of rows and columns for your table.

Working with tables in the Content Editor:

1. In the Content Editor, click the insert/edit table function () and select the appropriate number of rows and columns for your table to begin adding a table in the text area.

You will remove significant barriers for users of assistive technology if you take these suggestions into consideration when creating course content. An added bonus is that if you include properly structured tables when creating your course content you will be ahead of the game in the event you do have a student who requires the use of assistive technology. Remember a properly structured table is good design and can benefit everyone.

Additional information about tables can be found at:
WebAIM: Creating Accessible Tables
Create accessible tables in MS Word 2010 (PDF) (Video [05:31])
Working with tables in the Content Editor