Definition
An AMP accordion lets recipients expand and collapse content sections inside the email itself, keeping long emails organised without forcing them to scroll or leave the inbox.
The interactive behaviour is powered by AMP for Email, which works only in supporting clients, so a static fallback must be provided for everyone else.
Accordions are most useful when an email contains more content than a recipient can comfortably scroll, letting them choose what to expand. Each header acts as a promise of what the section contains, so descriptive labels matter. Because AMP support is limited, the static fallback must carry the same value for everyone else.
How AMP Accordions Work
Sections are wrapped in the AMP accordion component, with each header toggling its content.
The accordion reduces scrolling and lets readers choose what to open.
Best Practices
- Wrap sections in the AMP accordion component.
- Keep a clear fallback for non-AMP clients.
- Make headers descriptive for both users and screen readers.
- Make headers descriptive for users and screen readers.
- Use accordions to compress long content.
- Test behaviour in a supporting inbox.
Was this useful?
Related Glossary Terms
Above the Fold in Email
Above the fold in email refers to the content visible to a recipient before they scroll, a critical area for first impressions and primary calls to action.
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
Adaptive Design
Adaptive design in email uses predefined layouts that adjust to specific device or client widths, rather than fluidly resizing to every possible screen.
AI-Generated Content in Email
AI-generated content in email is copy, images, code or subject lines produced by artificial intelligence tools to speed up campaign production and testing.
Alt Text
Alt text is the written alternative to an image in an email, displayed when images are blocked, slow to load, or consumed by screen readers.
AMP for Email
AMP for Email is a technology that allows interactive, dynamic content to live inside an email message, enabling forms, carousels and live updates.
Frequently Asked Questions
An interactive, expandable section using AMP for Email. Accordions are most useful when an email contains more content than a recipient can comfortably scroll, letting them choose what to expand.
Only those whose provider renders AMP; others see the static fallback. Each header acts as a promise of what the section contains, so descriptive labels matter.
To compress long emails and let readers choose what to open. Because AMP support is limited, the static fallback must carry the same value for everyone else.
Use the AMP accordion component with valid markup. Accordions are most useful when an email contains more content than a recipient can comfortably scroll, letting them choose what to expand.
Only with descriptive headers and a usable fallback. Each header acts as a promise of what the section contains, so descriptive labels matter.