Tables and accessibility
A basic accessibility check
Review language, headings, landmarks, link text, image alternatives, and keyboard access before calling an HTML page complete.
8 minute lesson
Accessibility is part of writing correct HTML. You can catch many problems with a short manual review.
First, check the document:
- does
htmlhave the correctlang? - is there a descriptive
title? - is there one clear main heading?
- do heading levels form a logical outline?
- is the unique content inside
main?
Then check the content:
- do links describe their destination?
- does every informative image have useful alt text?
- do decorative images have
alt=""? - are tables used for data and given proper headers?
- do form controls have labels?
Finally, put the mouse aside. Press Tab and move through the page with the keyboard. You should be able to see where focus is and activate every control.
Automated accessibility tools are useful, but they cannot decide whether alt text communicates the right information or whether a heading describes its section. Use tools after a thoughtful HTML review, not instead of one.
The goal is not to memorize every possible rule. Start with meaningful native elements and test how the page actually works.
Quick check
Result
You got of right.
Lesson completed