Making Tables Accessible

Below are the common problems with tables and how you can make them accessible.



  1. Log Into Cascade
    1. Go to the CMS Login page
    2. Login with username and password
  2. Find the Page to Change
    1. Select the site the desired page is on (example WWW)
    2. Navigate through the file structure (Site Content) to find your page
  3. Edit the Page
    1. Select the edit option
  4. Navigate to the Table
    1. Navigate to the Table(s) that needs fixing
Video of the process detailed in the above steps for logging into and locating a table in the Cascade CMS.


Steps to make table accessible



  1. <img src="../../images/locateTable.gif" alt="Select on the Table dropdown and then on the Table properties option
  2. Select on the Caption checkbox and then on Ok
  3. Add a Caption by clicking in the top part of the table and either typing out the caption or taking the Title above and bringing it into the caption
Video of the process detailed in the above steps for adding a caption to a table in the WYSIWYG section of cascade's page editor.

What is Scope?

  • When talking about tables, scope refers to the direction of the data that a header defines. If a table only has one set of headers, it is not necessary to add a scope to the headers, but it is recommended as it makes it unambiguous what information is defined by a header. Scope is important, as it helps screen readers create messages that have better context so that users can make better sense of the information the table has to offer.

Scope needs to be added for either complex rows/columns or rows from tables that have over two elements.

Examples of complex rows and columns

  1. Select the Cells which you want to change
  2. Right click on the selection, then select Cell and then Cell Properties
  3. In Cell Properties go to the Scope option and select the appropriate scope
Video of the process detailed in the above steps for making sure that a set of table cells is in the appropriate scope.
  1. Select the Cells which you want to change
  2. Select the Cell Properties and set to Header Cell
Video of the process detailed in the above steps for making a set of td cells into th cells.

Align the cells to what they were before the <th> change

  1. Select the Cells which you want to change
  2. In Cell Properties go to the H Align option and select the appropriate alignment
Video of the process detailed in the above steps for changing the alignment of the contents of a cell after making it a th cell.