Learn Measure Blog About

Presentational <table> elements do not avoid using <th>, <caption>, or the [summary] attribute

Updated

Tables used for layout purposes shouldn't include data elements: <th> element, <caption> element or summary attribute.

How this Lighthouse audit fails

Lighthouse flags layout <table> elements that use <th>, <caption>, or summary:

The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.

How to make presentational tables accessible

It's simple to pass the Lighthouse audit: remove data elements (<th>, <caption> elements or the summary attribute) from layout tables.

If using a table just for visual layout, and not for tabular data, the better fix is to remove the table all together, and use cascading style sheets (CSS) to control layout instead.

Resources

Last updated: Improve article