Tables

  • Step 1:

    Making a Table

    Step 2:

    Making Row and Column Headers

    Step 3:

    Adding Captions

  • Tables are meant to display tabular data. A properly made table should contain row headers, column headers, or both. Tables should not be used for lists or in place of columns. (The Digital Team can help to place your text into columns—just ask us!)

    Data tables present tabular information in a grid, or matrix, and have column or rows that show the meaning of the information in the grid. Sighted users can visually scan a table and should be able to quickly make visual associations between data in the table and their appropriate row and/or column headers.

    Accessibility

    Someone that cannot see the table cannot make these visual associations. But creating the table with the proper captions and row/column headers helps users of screen readers navigate through data tables one cell at a time, and they will hear the column and row headers spoken to them. 

  • Adding Rows and Columns
    Over time, a table may need to have rows and/or columns added or deleted.
    Adding Captions
    While it is not necessary for each table to have a caption, a caption is generally very helpful to describe its contents.
    Making Headers
    Properly created headers will help those who use screen readers to navigate through data tables one cell at a time, and they will hear the column and row headers spoken to them.
    Making a Table
    How to start creating a properly accessible table on your Web page
  • Digital Team
  • Sutton Hall, Room 334
    1011 South Drive
    Indiana, PA 15705
  • Phone: 724-357-3062
  • Fax: 724-357-7993
  • Office Hours
  • Monday through Friday
  • 8:00 a.m.–12:00 p.m.
  • 1:00 p.m.–4:00 p.m.