Layout

Why it Matters |   How To... |   Testing |   Guidelines

Why it Matters

If a webpage contains a large block of text or a long list of links with no headings, finding the relevant information can be tedious for both screen reader users and sighted users. In addition, people with dyslexia can become overwhelmed by large blocks of text, losing their place.

[return to top]

How To...

It is suggested that you use heading tags of various levels to structure the main body of your text. The main title of the page should be marked up as a heading. This will help users to get a feel for the structure of the page if they are using screen readers or have customised their style sheet settings. Bold tags should not be used as headings.

The article 'Using Headings for Content Structure' gives more detail on how to effectively use headings and structure documents.

[return to top]

Testing

Using an accessibility checking toolbar such as AIS can show the heading structure . User testing is recommended to ensure that the grouping and headings are meaningful and appropriate.

[return to top]

Guidelines

Checkpoint 3.5 Use header elements to convey document structure and use them according to specification.

Checkpoint 12.3 Divide large blocks of information into more manageable groups where natural and appropriate.

[return to top]