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 html have the correct lang?
  • 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