Accessibility > Accessibility Guidelines > Create Accessible Tables in eCampus

Create Accessible Tables in eCampus

Add a Table to eCampus

  1. Place your cursor in the text box where you would like the table to appear.
    Screenshot of eCampus content area.
     
  1. Click the Insert/Edit Table icon in the text editor.
    Screenshot of the eCampus ribbon bar.
     
  1. In the General tab, enter the number of Columns and Rows your table should have.
    Screenshtos of the eCampus table settings.
     
  1. Click Insert

Make Your Table Accessible

Specify a header row

The header row is the first row in a table, and it should be used to identify the topic of each column. This provides context for the data and assists screen readers in navigating the table.

  1. For each cell in the header row, add text describing the information in that column.
  2. Select the entire header row.
    Screenshot of a table header row in eCampus.
     
  1. Click the Table Row Properties icon in the text editor.
    Screenshot of the table properties button in the ribbon bar.
     
  1. On the General tab, choose Header from the Row Type drop-down menu.
    Screenshot of the table properties in eCampus.
     
  1. Click Update

Add alt text to the table

It can be time-consuming to read a table with a screen reader. Use alt text to add a short summary of the table information so that screen reader users can decide if they want to read it.

  1. Place your cursor anywhere in the table and click Insert/Edit Table in the text editor.
    Screenshot of the table insert/edit table button in eCampus.
     
  1. Choose the Advanced tab.
    Screenshot of the advanced table settings in eCampus.
     
  1. In the ID text box, enter a title for the table.
  2. In the Summary text box, enter a brief description of the table's contents.
  3. Click Update.

Video Tutorial: Creating Accessible Tables in Blackboard

Other Table Accessibility Tips

Use a simple table structure

Avoid tables nested within other tables, and merged or split cells. All of these will make it very difficult, if not impossible, for screen readers to provide helpful information about the table.

Avoid blank cells

Never leave the left uppermost cell blank; it's the first cell a screen reader user will encounter. Blank cells anywhere in the table could also mislead someone using a screen reader into thinking that there's nothing more in the table.

Use tables for information, not layout

Avoid using tables to make the layout of the page look a certain way. It's best to only use tables when presenting rows and columns of related information.