← All terms

Data Table

Also known as: Genuine Table

An HTML table element used to present structured, tabular information where data cells have a logical relationship to header cells. Accessible data tables require proper semantic markup including th elements for headers, scope attributes to define header direction (row or column), caption elements to identify the table's purpose, and id/headers attributes for complex tables where headers cannot be associated in a strictly horizontal or vertical pattern. Without this markup, screen reader users cannot understand the relationships between cells and must rely on memorizing position, making tables with more than a few columns essentially unusable. Research shows that the vast majority of data tables on the web lack even the most basic accessibility markup such as captions (used only 4.71% of the time) and header associations.

Category: Web Development · Web Accessibility · semantic HTML

Related: Layout Table · Semantic HTML · WCAG · Screen Reader

Sources