{"id":1071,"date":"2024-08-19T17:54:05","date_gmt":"2024-08-19T21:54:05","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/?post_type=chapter&p=1071"},"modified":"2025-05-20T13:11:18","modified_gmt":"2025-05-20T17:11:18","slug":"tables-2","status":"web-only","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/tables-2\/","title":{"raw":"Tables","rendered":"Tables"},"content":{"raw":"\"\"Tables present information in a grid which a sighted user can scan to understand the relationship between columns, rows, and data. Properly coded tables help assistive technology announce the column or row header as users move between cells. This ensures everyone can access and understand tables. Word's Check Accessibility tool flags Missing table header<\/strong> and\u00a0Use of merged or split cells\u00a0<\/strong>in tables.\r\n

Who benefits from accessible tables<\/h2>\r\nWhile sighted users can scan a table to understand the relationship between rows and cells, some users of assistive technology require those relationships to be indicated audibly. Consider the following demonstration of a screen reader reading a table without proper code followed by the same table with proper code.\r\n\r\nhttps:\/\/mediaspace.langara.ca\/media\/t\/0_xh5sy6li\r\n\r\nTake note that in the table without proper code the screen reader could move from left to right and row to row to announce the cell contents. However, when deeper in the table it becomes unclear what the cell data refers to. In the properly coded table screen reader software announced the header labels such as brand, type, and colour and announced what column or row the cell is in. This helps users that cannot see the table to understand the information and relationships between data.\r\n\r\nEnsure tables have a header row or first column. The use of merged or split cells should be avoided because it may not be clear which cell follows the merged or split cell. This could cause someone using assistive technology to miss out on or misinterpret table data.\r\n\r\n[caption id=\"attachment_786\" align=\"alignnone\" width=\"781\"]\"\" A screenshot of an inaccessible table with no header and merged and split cells.[\/caption]\r\n

<\/a>How to fix it<\/h2>\r\n\"\"\r\n\r\nTo add a table header:\r\n
    \r\n \t
  1. Select the table.<\/li>\r\n \t
  2. Move to the\u00a0Table Design\u00a0<\/strong>tab.<\/li>\r\n \t
  3. Ensure Header Row<\/strong> is checked.\r\n\"\"\r\nThis applies a distinct visual style to the top row of the table and designates the top row as a header row to indicate meaning to assistive technology.<\/li>\r\n<\/ol>\r\nTo merge split and split merged cells:\r\n
      \r\n \t
    1. Select the cell(s).<\/li>\r\n \t
    2. Move to the\u00a0Layout<\/strong>\u00a0tab.<\/li>\r\n \t
    3. Choose\u00a0Merge Cells<\/strong>\u00a0or\u00a0Split Cells<\/strong> as appropriate.\"\"<\/li>\r\n<\/ol>\r\nThere may be appropriate uses of merged or split cells, such as in the header or total row. Verify the reading order of your table by placing the text cursor in cell A1 (top left) and press Tab<\/strong>\u00a0to see the reading order. If a merged or split cell could make it unclear, revise your table.\r\n

      How to prevent it next time<\/h2>\r\n\"\"Create tables using the\u00a0Table<\/strong> tool on the\u00a0Insert<\/strong> tab.\r\n\r\nSelect the number of cells on the grid or select\u00a0Insert Table\u00a0<\/strong>and set the number of columns, rows, and other options.\r\n\r\nWhen inserting a table, Header Row should be toggled on by default.\r\n\r\nAvoid the use of merged or split cells except where appropriate.\r\n
      <\/div>\r\n
      \r\n

      Next<\/p>\r\n\r\n<\/header>\r\n

      \r\n\r\nMove to the next page to examine Document Structure<\/strong> errors or select the next error you want to fix<\/a>.\r\n\r\n<\/div>\r\n<\/div>","rendered":"

      \"\"Tables present information in a grid which a sighted user can scan to understand the relationship between columns, rows, and data. Properly coded tables help assistive technology announce the column or row header as users move between cells. This ensures everyone can access and understand tables. Word’s Check Accessibility tool flags Missing table header<\/strong> and\u00a0Use of merged or split cells\u00a0<\/strong>in tables.<\/p>\n

      Who benefits from accessible tables<\/h2>\n

      While sighted users can scan a table to understand the relationship between rows and cells, some users of assistive technology require those relationships to be indicated audibly. Consider the following demonstration of a screen reader reading a table without proper code followed by the same table with proper code.<\/p>\n