Web Standard: Headings

Definitions

Headings are the headlines used on a page.  Headings are used in descending levels of size and emphasis, enabling clear and precise content organization.  They create scannable and easy-to-use pages for both disabled and able-bodied users. 

Content Requirements

  • The page title of all EPA pages is an <h1> element. Only the page title can be <h1>.
  • Use <h2> to <h6> in the proper descending order.
    • These headings should be used as you would an outline structure
    • Any skipping of levels breaks the flow of the page for both disabled and able-bodied users.  Choosing to use an heading tags out of order, for purely visual appeal, renders your content less useful and less accessible.
  • Headings should use title case (initial upper case letters) for major words.
  • These are now headers with background colors (<h3> through <h6>) in the style sheet.
    • Apply consistently to one header size per page.
    • Either all <h3> or <h4> but not both.

Example:

See: Style Guide: Headings

About this Standard

Effective date: 09/12/2012
Date approved: 09/12/2012
Web Council review by: 09/02/2014 (or earlier if deemed necessary by the Web Council)