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:
About this Standard
Effective date: 09/12/2012
Date approved: 09/12/2012
Web Council review by: 01/15/2018 (or earlier if deemed necessary by the Web Council)