HTML Tables: Building Accessible Data Tables

Wishlist Share

About Course

Learn to mark up HTML data tables that screen reader users can understand, following the W3C Web Accessibility Initiative’s tables tutorial. Covers th and td, captions, the scope attribute, tables with irregular and multi-level headers, and why tables should not be used for layout.

Tutwoo is independent and is not affiliated with or endorsed by W3C or Mozilla. Browser and assistive technology support changes over time; always test with real assistive technology.

© 2026 Tutwoo UK Limited. This course was created in-house by Tutwoo and is our original work. It is for your own learning only: please do not copy, share, record or resell it.

What Will You Learn?

  • Write a correct HTML data table with header and data cells
  • Add a caption and use scope for row and column headers
  • Mark up irregular and multi-level headers with scope groups and headers/id
  • Avoid layout tables and other common mistakes

Course Content

Course Lessons

  • Why table markup matters
  • Simple tables: th, caption and scope
  • Irregular and multi-level headers
  • Layout tables, responsiveness and testing

Sources & Further Reading
The official guidance this course is based on.

Final Assessment

Student Ratings & Reviews

No Review Yet
No Review Yet

Want to receive push notifications for all major on-site activities?

✕