Accordions

Accordions are drop down menus that allow you to expand content all on one page. You can do this in Canvas using HTML code or you can create an accordion in H5P and embed it into your Canvas page.

Example:

Here is more information about what officials look for when officiating swimming in US competitions. Select the arrow to expand the content box and learn more about each stroke.

When to Use:

This activity is great for large amounts of content that you want to share with students but don't want to overwhelm them. This is also great for content where students do not need to read all the content but can select content to learn more about.

In the above example, maybe you have students in four groups, each learning about a different swim stroke. This allows the content to be in one page, but they only need to open the section related to their content.

Settings to be aware of:

The program will default to all lables of the accordion menus being heading 2 (or h2). If for some reason you are embedding this in a subsection and want to change those headings to h3 or h4, you can. It will not change how the accordion looks, but will impact how it is read by a screen reader.

Other things to know:

You can't change the styling of the according (font size, color, shape) or add images or videos into the text area. This creates a very basic accordion menu without you having to do any html coding.

If you want to make more complex accordions, you can in Canvas with some html coding.

Resources:

H5P Tutorial for Accordions

Need help? Click here to get to the contact page and select the best support option.