Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Clip, truncate or obscure cell content 

  • Nest tables within other tables - This will make it difficult for screen readers to read the information in the table aloud in a way that makes sense 

  • Merge or split cells - Despite being standard markup for tables for many years, some screen readers still do not fully support complex tables with spanned or multiple levels of row and/or column headers 

  • Have empty table cells - Blank cells may mislead someone using a screen reader into thinking that there is nothing more in the table 

  • Use zebra striping when the table has interactive elements as users may have a difficult time effectively differentiating between disabled, hover, focused and active states 

  • Use an inline scroll area within the body of the table – Scroll the content on the page instead 

Tips

  • Get users involved in determining what information needs to be displayed and how they will use it 

  • Test tables using real content in English and French – Placeholder content may not surface issues with clipping or truncation

...