Creating Accessible Tables in the Rich Content Editor

Document created by jivedocs@instructure.com Employee on Jun 28, 2016Last modified by jivedocs@instructure.com Employee on Sep 22, 2016
Version 4Show Document
  • View in full screen mode

{H2} Creating Accessible Tables

{H3} Adding Scope

 

The scope attributes in a table helps provide context to screen readers. A scope="col" identifies the header for all the cells in that column, and cells with a scope="row" identifies the header for all the cells in that row.

 

To add column and row scope to a table created in the Rich Content Editor, insert a table.

 

1.png

 

To add scope, select the relevant cells of the table. In the Table Menu, select the Cell Properties link.

 

3.png

 

In the Scope menu, select the Column option.

 

4.png

 

To set scope for the row, repeat the process, but in the Scope menu, select the Row option.

 

5.png

 

To view these properties reflected in the Rich Content Editor, switch to the HTML Editor.

 

6.png

 

 

{H3} Captions

A caption can be used to associate a short description to the table. Captions are not required, but they may be helpful in providing additional context.

 

7.png

8.png

9.png

15 people found this helpful

Attachments

    Outcomes