Accordions

Docs

Good to know

• Use a maximum of 7 accordions – otherwise the list becomes too long (bad ux)
• If WooCommerce or Yoast are in use, additional accordion blocks from those plugins are available.
• If schema.org data is required, this can be more easily achieved with the native accordionOpens in new tab (or the Yoast accordion).

Customizations in the custom theme

• The chevron has become the established icon and offers the best usability. We replace the default icon (+) with the chevron (expand, collapse) from our SVG sprite using a custom function.
• When an accordion is closed, its content cannot typically be found via the browser’s built-in search, as the native block unfortunately does not support hidden=until-foundOpens in new tab. We have added this feature via JS in the custom build.