Component Library
Tables - Decorative
Issue Description
When tables are used to create style rather than structure, they sometimes include empty cells, columns or rows, which can cause confusion for screen reader users who expect table cells to include data or information.
Recommendation
Avoid using tables purely for visual presentation. Using <table role="presentation"> for a layout table to hide table structural information from assistive technology makes interacting with the content using screen readers difficult, lacking the table navigation and structural context required to review sets of structured information.
- Empty rows/columns/data cells inside table need to be hidden using <role="presentation">.