HTML headings

HTML headings serve two purposes for non-sighted users:

  1. They provide an outline of the page, so users can understand how the page is structured, and how all the sections relate to one another.
  2. They provide a target so users can jump from heading to heading with a single keystroke (e.g., the letter “H” in some screen readers)

With the first purpose in mind, headings should be used in proper order whenever possible. That is,  you shouldn’t have H2 headings with no parent H1 heading, and all headings should be in order with no heading levels skipped.

Website owners at the University of Washington are encouraged to use the UW WordPress Theme (the theme used for the UW Accessible Technology site). In this theme, the page title is marked up as an H1 heading. Therefore, the first level of subheadings within the page content should be marked up as H2 headings.

Additional information is available on the AccessComputing 30 Tips for Web Accessibility site, Tip #2: Use Headings Properly.

Comments are closed.