Creating Accessible Tables in the Rich Content Editor

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

Creating Accessible Tables

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, first insert a table.

 

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

properties.png

 

In Cell properties, set the Cell type to "Header cell" and in the Scope menu, select the Column option.

column.png

 

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

row.png

 

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

html view.png

 

 

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.

caption.png

 

     8.png

 

caption code.png

11 people found this helpful

Attachments

    Outcomes