Accordion change history

Date Changed Description
Apr 2025 Guidance

Added guidance on how to display sections as open by default.

Feb 2024 GOV.UK Frontend v5.1.0

Removed aria-labelledby attributes from accordion sections.

Apr 2023 GOV.UK Frontend v4.6.0

Added rememberExpanded parameter and guidance.

Jan 2023 GOV.UK Frontend v4.5.0

Added ability for users to find content inside of Accordions using a browser’s ‘find in page’ functionality.

Fixed spacing inconsistencies between different breakpoints.

Nov 2022 GOV.UK Frontend v4.4.0

Added options to localise interface text using data-* attributes and JavaScript.

Aug 2022 GOV.UK Frontend v4.3.0

Fixed incorrect styling on content passed using the text parameter.

Fixed expand and collapse icons not using customised focus colours.

Jun 2022 GOV.UK Frontend v4.2.0

Added extra padding to the top of content inside of sections, so that links inside of sections do not appear too close to the section heading button.

Feb 2022 GOV.UK Frontend v4.0.1

Fixed section heading buttons rendering incorrectly when JavaScript was not available.

Dec 2021 GOV.UK Frontend v4.0.0

Redesigned the appearance of the Accordion component. This resolved the prior accessibility issues.

Sept 2020 Guidance

Added information about known accessibility issues.

Jun 2020 GOV.UK Frontend v3.7.0

Fixed hover state not being applied when hovering over plus/minus icon.

Fixed headings using incorrect line height when GOV.UK Frontend was used with GOV.UK Elements.

Jul 2019 GOV.UK Frontend v3.0.0

Updated focus style to comply with WCAG 2.1.

Jan 2019 GOV.UK Frontend v2.6.0

Fixed component JavaScript not being exported to global namespace.

Fixed component not rendering correctly when JavaScript was not available.

Removed hover state from from touchscreen devices.

Jan 2019 GOV.UK Frontend v2.5.0

Component introduced.