Skip to content

Page Title

Inappropriate page title

Example page with a inappropriate page title

Empty page title

Example page with a empty page title

Missing page title

Example page with a missing page title

Headings

Empty heading

This paragraph is preceded by an empty H4

Missing H1

Example page with no H1

Text formatting used instead of an actual heading

Fake Heading

This paragraph is preceded by a div that is styled to look like a heading

Headings not structured in a hierarchical manner

Heading 3

Pages should be structured in a hierarchical manner, generally with one 1st degree headings (h1) being the most important (usually page titles or main content heading), then 2nd degree headings (h2 - usually major section headings), down to 3rd degree headings (sub-sections of the h2), and so on.

Heading 5

Technically, lower degree headings should be contained within headings of the next highest degree (i.e., one should not skip heading levels, such as from an h2 to an h4, going down the document).

Heading 4

This is an example where heading levels have been skipped and are not in a logical order, which makes the page difficult to understand and navigate for people using assistive technologies such as screen reader.