Review H5P Content for Accessibility
Content Accessibility Testing page – H5P
The following activities have been modified or created to allow you to test your skills in identifying accessibility concerns. The text versions of these activities have been removed. Your challenge is to review them and identify as many accessibility issues as you can. Unfortunately, the Wave tool cannot help you identify issues within these activities, so you’ll have to rely on your powers of observation and/or get creative.
Explore: Identifying features of a webpage
Activity source: “Explore: Identifying features of a webpage” is adapted from “Source Type: Webpage Cues” In APA Style Citation Tutorial by Sarah Adams and Debbie Feisst, University of Alberta Library, licensed under CC BY-NC-SA 4.0 International License. / Modified to include updated screenshot of CC licensed page from same website.
Accessibility in H5P Course Presentations
Check your Accessibility Assessment – H5P
Check your Accessibility Assessment – H5P (Text version)
What errors did you identify in these activities with a preliminary visual inspection?
- Activities that are listed as not accessible by H5P
- Colour contrast of text on a coloured background
- Images that convey meaning without alt-text or captions
- Improper heading structure
- Missing labels within the H5P activity itself
Check your answers in footnote[1]
What strategies would be most helpful for determining if an H5P is truly accessible, when reviewing someone else’s OER?
- Look for visually obvious issues related to use of images and colour
- Check the activities for readability with a screenreader such as Chromevox
- Download the H5P and add it to your own H5P account on the eCampus H5P studio, open it in Lumi or upload it to your learning management (LMS) and edit it to review
- Create a text version of the activity and post with the H5P in your LMS if you are going to reuse H5P activities outside of their original OER.
Check your answer in footnote[2]
Activity source: Check your Accessibility Assessment – H5P by Jen Booth is licensed under CC BY-NC 4.0
Attribution & References
Except where otherwise noted, Review H5P content for accessibility by Jen Booth is licensed under CC BY-NC 4.0
-
- The first H5P on the page is an image with multiple hotspots. These are listed as inaccessible on the H5P list.
- The H5P course presentation contains a slide with light grey text, layered over a multicoloured image. It's hard to read without needing a tool to identify the colour contrast.
- This issue exists on the page, but isn't easy to check and may not be obvious upon visual inspection. You would need to download the H5P and open it separately (eg: upload it to your eCampus Ontario account or within your learning management system to check this issue) or test with a screenreader to see if alt-text is read.
- This is not an issue in these H5P activities, but it would be difficult to tell as the Wave tool doesn't work. You would need to download the H5P and open it separately (eg: upload it to your eCampus Ontario account or within your learning management system to check this issue) or test with a screenreader to see if alt-text is read.
- The slide titles have not been added to this H5P, which creates a less accessible version of the activity. You should be able to see unique slide names in the bottom left corner of the activity, but they're missing. This is not something you'd know unless you are very familiar with the Course presentation activity type.
↵
-
- This will provide a good first check of accessibility. The more you practice, the easier it will be to identify these issues.
- Chromevox is a free screenreader type tool available to download within the Chrome browser. It will take some getting used to, but you can use this tool to navigate through H5P activities and get an idea of the quality of the user experience
- This is the most comprehensive, but also the most involved way of checking accessibility in an H5P activity. You may want to do this if you intend to use the H5P activity within your LMS. This also allows you to fix or edit any issues you find.
- If you have the option, creating a text alternative of the activity and posting it alongside the interactive version will ensure the most students can benefit from the activity. If you're adopting an OER without editing, you could consider adding a text version into your LMS or having it ready in case students report difficulties.
↵
