Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Page Properties

Component type

Molecule

Document status

Status
colourYellow
titleIN REVIEW

Design source (in Figma)

Author

nathan.mckean@reckitt.com (Unlicensed)

Responsible

Julia Boyarshchikova (Deactivated)

...

  • Accordion titles and panels must be able to be individually selected to be used as click triggers within Google Tag Manager to track usage and visibility of content.

  • Google structured snippets and schema FAQ

Future Expansion 

  • Users who have expanded a panel and left the page, if returning in the same session (and assuming functional cookie consent) will return to find the expanded/closed status remembered.

  • The contents within the accordion panel is likely to be restricted to a Rich Text Area for launch, but could grow to house any reasonable content types. The Content Model might also define other content to sit within the container, so RTE should not be a guaranteed assumption.

  • It is likely that accordions will interact with the Reckitt Data Layer, passing the expand/contract signal and the accordion name to Google Tag Manager, to then filter to GA and other systems.

  • Behaviours may expand to allow Content Editors to mark whether any accordions should default to open.

  • Some accordions only allow one panel to be open at a time. This might arise at some point but it generally can create user confusion and issues when content moves around unexpectedly.

...

...

Examples

...

...