Page Structure

#FFFFFF
#FFFFFF

Impact

People with cognitive and learning disabilities can more easily find and prioritize content on the page.

People using screen readers can skip to the main content directly and navigate to sections that are important to them.

Keyboard users can browse pages and their sections more efficiently. Otherwise, users have to press the tab key multiple times to navigate through all links in each section.

There are additional benefits to a good, accessible page structure, beyond those experienced by people with disabilities. As an example, search engines can use the data to better index the content of a page. 

#FFFFFF

How to

#FFFFFF

Page Titles

Provide informative, unique page titles

  • For each web page, provide a short title that describes the page content and distinguishes it from other pages. 
  • The page title is often the same as the main heading of the page. 
  • Put the unique and most relevant information first; for example, put the name of the page before the name of the organization.
#FFFFFF

Headings

Use headers to communicate meaning and structure

  • Headings communicate the organization of the content on the page. Web browsers, plug-ins, and assistive technologies can use them to provide in-page navigation.
  • Nest headings by their rank (or level). The most important heading has the rank 1 (<h1>), the least important heading rank 6 (<h6>).
  • Skipping heading ranks can be confusing and should be avoided where possible: Make sure that a <h2> is not followed directly by an <h4>, for example.
  • Headings tutorial, W3C WAI
#FFFFFF

Tables

  • Don't use images of tables since they can't be read by screen readers and even the most descriptive alt text can't convey the meaning behind a table of data.
  • Try to create separate tables for each subject.
  • Tables work best for numbers, not written content.
  • Use descriptive row and column headings.
  • Creating Accessible Tables, WebAIM
#FFFFFF
#FFFFFF

Resources for State of Colorado Agencies

Siteimprove: Siteimprove’s software helps to improve State website usability and accessibility by automating the process of finding errors and problems. Siteimprove alone will not make websites accessible but is part of a holistic approach to managing web services.

For questions about using Siteimprove or Siteimprove Academy, please contact Theresa Montano, OIT Solutions Architect of Accessibility at theresa.montano@state.co.us.

Don't have access to Siteimprove? Use these free browser extensions:

Siteimprove Academy, Siteimprove (Requires a login)

To request accessibility testing: