Layout Tables
Tables in HTML are intended for tabular data. Although using tables for page layout is not considered best practice, this typically has minimal impact on accessibility, as long as two primary guidelines are kept in mind. First, do not use any markup that is typically used to identify data tables. This includes table headers (<th>
), <caption>
, and <summary>
. These tags are often used by a screen reader to detect the presence of a data table, which is read very differently. Second, the reading and navigation order of layout table content (based on the source code order) must be logical and intuitive (e.g., typically the same as the visual order).