Accessible Accordions

Default Style

Default Style

Default Style

Default Style

Default Style

Default Style

FAQ Style

FAQ Group Title

FAQ Group 2 Title

FAQ Style

FAQ Group Title

FAQ Group 2 Title

FAQ Style

FAQ Group Title

FAQ Group 2 Title

FAQ Style

FAQ Group Title

FAQ Group 2 Title

FAQ Style

FAQ Group Title

FAQ Group 2 Title

FAQ Style

FAQ Group Title

FAQ Group 2 Title

Usage Instructions

  • Add the "Accordion/FAQs" widget to your page
  • Click the gear icon in the upper right corner of the widget to open the widget config
  • Enter the Title that should appear above the Accordions (optional) 
  • Select the accordion style: Default or FAQs
  • If FAQs is selected, an additional field appears for the Group Subheader (see examples above)
  • Click Apply to register your changes and close the widget config
  • Click the "+" icon to add an accordion
  • Enter the Title of the Accordion
  • Enter the Description (body text) of the accordion
  • Click the blue Checkmark icon to register your content and close the modal
  • Repeat as needed
  • For collections of FAQ Accordions with subheadings, just add a separate Accordion/FAQ widget for each sub-group
  • Notes:
    • You can click the gear icon under each accordion to make edits
    • Clicking the minus icon "-" will remove that accordion

We're Here To Help