Creating Accessible Tables in the Rich Content Editor

Instructure
Instructure
13 0 57.1K

{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