Standard: Breadcrumbs
On this page
Definitions
Breadcrumbs indicate where a page sits within EPA's Web site. They link to the EPA home page and to levels above the current page.
Content requirements
- The breadcrumbs for each page begin with a link to the EPA home page and ends with the unlinked name of the current page (or a short form of the page's name):
EPA Home > (overarching areas if appropriate) > Area Name > Part Name > (part divisions if appropriate) > page name
- Breadcrumbs appear in a location and style determined by the master template.
- For template 3, the template provides the opening text and separators within the <div> with the id "header". Put each item in its own list element within the <ul> designated for breadcrumbs. The first breadcrumb "EPA Home" has its own style to prevent the separator character from appearing before it.
- For template 4, the template provides the opening text and separators within the <ul> with the id "breadcrumbs". Put each item in its own list element within this <ul>. The first breadcrumb "EPA Home" has its own style to prevent the separator character from appearing before it.
- Each level of the breadcrumbs, other than the last, links to the home page or equivalent for that level of the hierarchy.
- The text used for each level of the breadcrumbs must match or closely correspond to the <title> tag and the page name for those pages.
- Breadcrumbs are intended to be short, abbreviations are appropriate.
- Capitalize only the first letter of major words; do not use all capital letters.
Also see:
High Level Specification of the EPA Look and Feel
Examples
Template 4 Breadcrumbs:
Template 3 Breadcrumbs:
Note: In the WebCMS, breadcrumbs will be generated based on directory structure.
Full Metadata about this standard
Name Breadcrumbs
Tracking number NT00000000
Type Standard
Required or Recommended Required
Effective date 03/22/2002
Date approved 07/01/2013
Category Links and Navigation, Page Elements
Web Council review by 07/01/2013 (or earlier if deemed necessary by the Web Council)
Governing Policy Web Governance and Management (PDF) (4 pp, 339K, About PDF)