0PricingLogin
Web Accessibility Academy · Lesson

Complex Tables: headers and id Pairing

Handle spanned and multi-level header tables.

When scope Is Not Enough

Some tables span cells or stack multiple header levels. Simple scope cannot describe a cell governed by two or three headers at once.

Spanned Headers Break Scope

A header that uses colspan to cover several columns confuses the simple model. The browser can no longer guess which cells it owns.

<th colspan="2" scope="colgroup">Q1</th>

All lessons in this course

  1. th, scope, and the caption Element
  2. Row and Column Headers Done Right
  3. Complex Tables: headers and id Pairing
  4. Layout Tables Are a Trap
← Back to Web Accessibility Academy