Tables
Use tables to present data, not for visual layout.
What are accessible tables?
Accessible tables can be accessed, navigated and understood by individuals using assistive technology. Accessible tables should:
- use correctly tagged column and row headers.
- be described in the page text or in a caption.
- not be used solely for layout purposes.
- avoid containing empty cells.
Why are accessible tables important?
Accessible tables enable users with disabilities, particularly those using screen readers, to understand and navigate data easily. Clear structures and labeled headers help convey relationships between information, ensuring everyone has equal access to content.
Table terminology
- Table header: a cell that describes the data contained in its column or row.
- If a cell describes the row it is in, it is called a row header.
- If a cell describes the column it is in, it is called a column header.
- Table caption: a title for a table that is visible to all users.
How do I make an accessible table?
How do I make an accessible table in the UBCMS?
In the table editor, follow these steps to designate table headers and column or row scope.
- Click the wrench icon to configure the settings and modify table contents.
- Click a table header cell in the table.
- Select the table editor icon.
- Select Cell Properties.
- In the Cell Type dropdown, select "Header".
- In the Scope dropdown, select "Row" or "Column" (depending on its usage).
In the table editor, follow these steps to include a table caption.
- Click the wrench icon to configure the settings and modify table contents.
- Click a table header cell in the table.
- Select the table editor icon.
- Select Table Properties.
- Add your table title in the Caption text field.
Learn more about on the UB Web Management website.