It has to be engaging, and it’s nice to have the data.

I’m finishing work on a module for school. They have a new gender and sexual violence policy that comes into effect this year and they wanted to develop an effective and engaging way to get the message out to their incoming student population, and student leaders on campus. This is important stuff.

By “engaging”, we need videos, reflective prompts, visualizations…

Beyond awareness-raising, one of the goals was to capture data from the participants so that they could do some analysis (and longitudinal awareness) about the responses. We looked at a bunch of tools for this . LMSes came up short (and ugly), and rapid elearning development tools (even with the snappiest LTI integrations and SCORM-abilities) didn’t hit the mark.

We landed on using Qualtrics, sprucing it up with a custom theme, and embedded video and H5P interactions:

…and some public-reports with visualizations that are updated automatically based on student responses (these are displayed to students as well):

…throw in some customize learning paths through content based on responses and custom validation (this stuff hurts my brain a bit):

back-end view of custom validation settings

…and we have the data, with all the pretty graphs (many of these are available to students as well):

I’m pretty excited about this approach and the collection of tools. Lots of possibilities here I think.

Universal Design for Learning interactive worksheets

I recently remixed the (amazing) publication from the Justice Institute of British Columbia into interactive H5P objects for use in Universal Design for Learning workshops and conversations. The 2 objects are accessible and downloadable via to eCampusOntario’s H5P Studio, and are licensed for reuse (with attribution, non-commercial, share-alike).

Check them out and let me know what you think!

UDL Framework worksheet:

UDL Case Studies worksheet:

Here’s a link to the source material: Design for Learning: A Practical Guide. Centre for Teaching, Learning, and Innovation. Justice Institute of British Columbia https://ctli.jibc.ca/wp-content/uploads/2020/04/UDL_A_Practical_Guide.pdf

one more h5p template – Accordions

Alrighty. If you liked the Glossary/Terminology h5p template, and you thought the Tab h5p template was ok, I’ve got a new one for you. My goal here was to set up an “Accordion” – style interaction, mimicking similar types of expand and collapse tools all the cool kids are using today. As I mention in the template, h5p does have a content-type for this, but you can’t customize it (well, not without getting into the code).

So, the new template looks like this:

h5p presentation with accordion-style menu

Go have a look – https://kylemackie.h5p.com/content/1290941857695765899 – download a copy for yourself and make something cool. Let me know what you come up with.

another h5p template – Tabs!

Thanks for the positive responses from my previous post. Sharing another template today. This one’s simpler, and probably easier to work with. This one is designed to have a Tab menu, so that you create a familiar and cohesive interface for the “sub pages”.

screen shot of h5p template - 3 tab menu, with embedded quiz

Have a look – https://kylemackie.h5p.com/content/1290941692419743699 – download a copy for yourself and let me know what you come up with. Check out the last Tab, for a short/fun/informative quiz.

h5p template – terminology / glossary.

I’m excited to share the first of hopefully a few h5p templates for you to reuse, remix, and redistribute. I put this together for a current project, and I’ve removed any specific content or references from this downloadable version.

You can access the template, and download a copy at: https://kylemackie.h5p.com/content/1290940443231778479

Let me know if this is helpful. I’m super excited about the potential of h5p. I’d love to hear about your use, so reach out if you want to chat more.

Community-Based Research, & why it’s important to work to get it right.

This past year, I had the distinct pleasure of working with the Trent Community Research Centre to develop a bundled set of experiential learning-themed openly-licensed, adaptable eLearning modules with complete scope that develops foundational skills in community-based research. Some of my favourite videos from the project:

I’m worried that your awesome Storyline presentation is actually inaccessible (and it’s not really entirely your fault).

Photo by Max van den Oetelaar on Unsplash

I’ve been off on a rant today, warning users about the effort that is necessary to make an Articulate Storyline presentation accessible. The punchline is: it’s a heck of a lot of work, and my concern is that there are a large number of presentations that are being used that fall short when it comes to accessibility. Articulate publishes help files as well, and they have an active online community. By all means, check their site, but I’d advise keeping these pointers handy as well.

Some straightforward things you can do:

Use the Modern Player, and publish your content as HTML5, not Flash.
Add appropriate alt tags (NB: anything decorative should not have one, so that assistive technology will skip over it).
Configure/customize the Tab Order for every slide should so that it is keyboard navigable in a logical order.
Add closed captions to every slide. The closed caption editor is buggy, so budget some time to do this.
Embedded tables should have proper markup

These next things have some design considerations:

Make sure your master slides are accessible, because bad design trickles down.
Make sure anything you download from the online community is accessible before you start to use it.
Build slide sequences that have sub menus as separate slides, as opposed to layers (layers can be problematic for assistive devices). – January 2020: some improvements here, but continue to tread lightly here.
Avoid using interactions that are problematic for assistive devices (no drag and drop, ~~no sliders or dials, no hotspots~~). – January 2020; update helped with this, but continue to tread lightly – but don’t use drag and drop, because it simply is not accessible.
Don’t have slides auto advance.
Restrict use of animations and transitions. Assistive tech will only ready what’s on the screen. If you like to have words appear in synch with audio, that’s ok, but this means that only the material that you have on screen at a specific time will be accessible. If users want to tab through a slide before your snazzy animations are done, they may miss some material.

And this is huge:

Hyperlinks on a slide ARE NOT ACCESSIBLE. You need to add links as buttons or build an invisible box around the text (& then go back and change the text to *look* like a link, & maybe add a hover state). This is a known issue. It’s been around for more than 4 years (link opens in new tab) , and Articulate has not addressed it, except with “work-arounds”.
Read the point above again…Articulate’s HTML5 output does not properly recognize Hyper Text Markup Language. – January 2020 update: best option it to create a separate text box and hyperlink that…workable, but still problematic. Ideally, we could create the link in context, but that is not accessible.

To Articulate: It seems that every vendor has a “our platform is accessible” pitch. That’s important, but when you’re pushing a bunch of the work down to the people that are using it by forcing us to use “work-arounds”, I call shenanigans. It’s irresponsible for you to say “our tool is accessible”, when you know full well how much work it is to make actually make accessible content with your tool. It’s a big problem when developers, instructors, admins, etc, are buying a subscription to your tool and creating content that they think is accessible, while you haven’t accurately told them about the work necessary to do so. That’s irresponsible.

& the rest of you: contact me if you want to chat about this stuff further.

Open-Access Workplace Integrated Learning Modules. Launched!

Over the past year, I’ve had the distinct pleasure of working with Niagara College (along with contributors from Georgian, Lambton, and Algonquin Colleges) in the development of a suite of 31 online modules to support student preparation for work integrated learning. These interactive modules represent over 35 hours of rich content that can be used by faculty, career services staff, and employers to support student learning in applied and WIL settings.

These resources are licensed under Creative Commons (CC BY NC 4.0) and are available for adoption or adaptation to any person or organization in the province of Ontario, across Canada and internationally. The modules may be packaged together to create an online course, substantial units of a course, or to supplement WIL experiences within other courses.

Thanks to eCampusOntario for funding this initiative.

Read all about and get access to the resources at https://www.niagaracollege.ca/cae/wil/.

Screenshots below.