Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock () or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

JavaScript appears to be disabled on this computer. Please click here to see any active alerts.

Web Standard: Accordions

Note

All EPA public and internal content pages and web applications are required to follow this standard.

Definition

An accordion is a list of headers that hide or reveal additional content when selected.

Content Requirements

While accordions are an included component in the U.S. Web Design System, EPA does not permit accordions on webpages.
There are very limited exceptions to the Accordion Web Standard that have been approved to meet user expectations in limited space:
- Top level navigation of the EPA template (see the Example below)
- News Releases search page
- Advanced search result page

Example

Accordions are utilized in the top level navigation of the EPA template (Environmental Topics, Laws & Regulations, etc.).

EPA top level navigation with an open accordion menu

About this Standard

All EPA public web content must adhere to all federal requirements including; the EPA Web Standards, the U.S. Web Design System guidelines, federal plain language guidelines, and the 21st Century Integrated Digital Experience Act. Internal content, including Intranet and Microsoft 365, may differ from the public content. If not explicitly stated, content must adhere to all federal requirements.

Original effective date: 05/11/2022
Last approved on: 05/11/2022
Web Council review by: 05/11/2025 (or earlier if deemed necessary)