Accordion Improvements

CHSSWeb

Earlier this year we changed the accordion tool in CHSSWeb to make it accessible to visitors viewing your site using a screen reader or similar assistive technology. The trade-off in making this change was a more difficult process for adding and editing accordions that required working directly with the HTML. 

This release brings back the ability to edit accordion content directly, using the standard editing tools, while maintaining the accessibility improvements. Adding new panels to an accordion will still require some interaction with the HTML because each accordion panel has ID values that must be unique for it to function correctly. For full instructions on this, see the Adding an Accordion (source code) page.

Before:
Content inside the accordion panels is hidden and only editable through the html.

Image of accordion before improvements

After:
Content inside the accordion panels is available to edit using the standard editing tools.

Image of accordion after improvements