H5P Guides

Content Type Accessibility

Below is an overview of the accessibility status for the H5P Content Types. "OK" means that the content type has been tested and no known problems have been found. The goal is WCAG 2.1 AA support, so the content types have been tested against these criteria and more. The content types have gone through a lot of testing with various screen readers, keyboard navigation, zooming, code inspection and more. We can't, however, guarantee any level of accessibility support.

Do note that due to mistakes done by authors the example content(not the software) on H5P.org isn't always accessible yet. The example content some times don't have WCAG AA contrast, lacks subtitles and there are also other flaws not related to the software but caused by authors picking the wrong colors or not uploading subtitle files. This will be fixed, but unfortunately fixing especially the contrasts will be a lot of work since it requires completely redesigning or at least replacing all the colors in the example content to maintain the same aestetic quality with improved contrast.

Also note that Screen Reader testing has focused on open and/or free screen readers like NVDA and ChromeVox.

Content type	Status	Comment
Accordion	OK
Agamotto	NOT OK	Working on it
Arithmetic Quiz	OK
Audio content type	ALMOST	The minimal player is missing a label. Text options must be provided by the author as HTML5 does not support text tracks for audio elements.
Audio recorder	OK
Chart	OK
Collage	OK
Column	OK	Depends entirely on the content
Course Presentation	OK
Dialog cards	OK
Documentation Tool	OK
Drag and Drop	OK
Drag the Words	OK
Essay	NOT OK	Will be in next update
Fill in the blanks	OK
Find the hotspot	NOT OK
Find multiple hotspots	NOT OK
Flashcards	ALMOST	There are a few known problems
Guess The Answer	OK
Iframe embedder	OK	Depends entirely on the content
Image hotspots	OK
Image juxtaposition	NOT OK
Image sequencing	NOT OK	Will be in next update
Image slider	OK
Impressive presentation	NOT OK
Interactive Video	OK
Mark the Words	OK
Memory Game	OK
Multiple Choice	OK
Personality Quiz	NOT OK
Question set	OK
Questionnaire	NOT OK
Quiz (Question Set)	OK
Single Choice Set	OK
Speak the words	NOT OK
Speak the words set	NOT OK
Summary	OK
Timeline	UNKNOWN
True/False	OK
Twitter User Feed	UNKNOWN

Comments

papi Jo

Tue, 12/12/2017 - 16:58

Tooltip contents is not always spoken by screen reader

Testing environment:

Local machine running Windows 10; Firefox 57.0.2; H5P 7.x-1.33 for Drupal 7.56.

NVDA 2017.4 screen reader for Windows, default options, with Speech viewer enabled for testing purposes.

Test #1.- Tooltip viewing in H5P Dialog cards (DC), Multiple Choice (MCQ) and Drag and Drop (DD).

In those 3 H5P activities, when a Tooltip element is present, when navigating the activity (with tab and/or arrows) the presence of a tooltip is correctly reported with the message "Tip available." Upon navigating to that tip the screen reader reports "button collapsed / Show tip ". Selecting the tooltip and pressing the Enter key opens the tip, the screen reader reports "expanded". However, the only H5P activity (out of the 3 tested here) that actually speaks the contents (text) of the tooltip is MCQ.

tim

Wed, 12/13/2017 - 14:44

Hey Papi Jo,thank you for

Hey Papi Jo,

thank you for taking the time to test the accessibility of Dialog cards, Multiple Choice and Drag and Drop. These content types were developed with ChromeVox in mind and may have some bugs with other readspeakers, as you have found.

Ubi

Mon, 01/15/2018 - 19:50

Multiple languages

Testing environment: H5P website, Windows 10, Chrome 63.0.3239.132, ChromeVox 53.0.2784.5, TextAloud 3.0.102, Chrome Speak 1.2.4.1, local voices: Ivona voices Harpo + Windows voices, Google voices, languages: en-GB and es-ES.

For example:

- Dialog cards (Learn Spanish berry names) there is not language recognition (in this case, the entire content type is spoken in en or es).

- The h5p-audio-minimal-button on click or pressing enter fires at the same time the mp3 and ChromeVox.

Wed, 01/24/2018 - 16:14

Hi Ubi, language recognition

Hi Ubi, language recognition is not something that is possible on the fly. The content will have to be created in the specific language first before using a readspeaker.

What do you mean by the second point?

Thanks for taking the time to test this out!

Wed, 01/24/2018 - 19:33

Hi Tim

Hi Tim,

Thank you. By the way, great job (H5P)!

Regarding the second point: when you click (or tab) on the Play icon (Audio button) contemporary ChromeWox and the mp3 start to speak.

I have done some more tests.

I am aware that this is a TTS (voices) problem.

For Math:

Basic Arithmetic operators (excluding the Arithmetic Quiz content type that has been modified):

+ (Addition) - (Subtraction) * (Multiplication) / (Division) using Windows local voices and Google voices, they do not work (only + and = works).

If I use the following symbols: × ÷ - they work only with Google voices.

Thank you.

Fri, 01/26/2018 - 13:34

Ok thanks for clarifying this

Ok thanks for clarifying this, Ubi. It's hard to create a solution that would work across all readspeakers and the content type doesn't know which readspeaker is being used. Have you seen it being done differently elsewhere by any chance?

Mon, 01/29/2018 - 14:36

Hi Tim.

Quick answer is yes, but… for example, there is an app called Talkify http://talkify.net, that recognises different languages on the same page, but it does not work in a Iframe and it is reliable 88% in my language (IT) in a sentence with more than three words. It uses Franc (https://github.com/wooorm/franc).

The only solution I have found (for now) is that the content creator needs to tell to the text-to-speech system (voices) in which context it is: languages, math, or chemistry.

alecostheimer

Wed, 02/28/2018 - 23:08

Image Sliders

Hey,

I was just curious, but I haven't gotten the image sliders to work that well with keyboard only. Maybe I'm not using the right key, but is anyone else having the same problem? The tab focus also is getting trapped.

BV52

Thu, 03/01/2018 - 05:41

Hi alecostheimer,Can you

Hi alecostheimer,

Can you please elaborate on what is happening. Also what do you mean with the tab focus getting trapped?

-BV52

mic

Thu, 04/26/2018 - 06:02

what about accessibility in the authoring tool itself?

It's good to have this list, so we can see which activities could work for the learner or end-user, but what about accessibility in the authoring tool itself?

Suppose the teacher, or the course editor/author has vision impairment, will they be able to work within the authoring area of the h5p building tools?

Thanks in advance

Michael Chalk

icc

Thu, 05/03/2018 - 15:37

Unfortunately, the editor

Unfortunately, the editor does not fully support this, yet.

sr931387

Wed, 02/13/2019 - 22:05

Update...

When was the above accessibility list last updated? Timeline for next update?

Thanks!

almmcinnes

Tue, 03/12/2019 - 14:26

Can you advise on the

Can you advise on the accessibility of branching scenario and virtual tour 360?

Wed, 03/13/2019 - 04:01

Hi almmcinnes,Afaik this is

Hi almmcinnes,

Edit: I was able to confirm that these contents are accesible and the list on this page will be updated soon.

mmcad002

Tue, 05/07/2019 - 15:54

Yay!

I would love an updated list. I just tried the accordion feature but it was not working well with JAWS. It would uncollapse and then it would not read the content. It did mention to hit JAWS+alt+m but then JAWS reported it failed. Perhaps, it would work in NVDA?

In any case, I would really love to see an updated list. That would be very helpful! Thank you.

Wed, 05/08/2019 - 05:26

Hi mmcad002,I'm afraid it

Hi mmcad002,

I'm afraid it will be daunting task to test every accessiblity tool out there considering that the core team is a very small one. Nonetheless thank you for the feedback and we will also look into this.

mhufham

Fri, 06/21/2019 - 13:14

Course Presentation

How do you test with the Course Presentation? I am trying ChromeVox and NVDA for the first time. It recognizes the heading of the H5P CP and I can move back and forth between slides but it does not read the content. Thank you!

Fri, 06/21/2019 - 13:31

Course Presentation Testing

How do you test Course Presentations? I have starting to use ChromeVox and NVDA and while they recognize the name of the CP and can navigate between slides, the content is not being recognized. Thank you!

Tue, 06/25/2019 - 04:08

Hi mhufman,I tested using

Hi mhufman,

I tested using ChromeVox and everything works fine. Can you please check if you will have the same issue here.

Tue, 06/25/2019 - 15:31

Results

It recognizes the titles and calls out "Question" but it does not read off the choices.

Wed, 06/26/2019 - 06:19

Hi mhufman,There could be an

There could be an issue with the plugin in your browser or the browser itself the best way to isolate this is to check in another computer. You can also check if you will see any error messages in the browser console.

amanda.hardman

Tue, 10/22/2019 - 17:10

Interactive Video Accessibility

It may be helpful to identify in what way an interactive is accessible in this list. For the interactive video, for instance, I can navigate to the interactive components and complete them with keyboard only, which is an accessible element. However, if I am a learner relying on AT like NVDA, the video does not announce that an interactive element is available (of course, the demo video I watched on making a smoothie is not accessible anyway since there is no captioning or narrative of the actions in the video).

Tue, 10/22/2019 - 19:48

Hi Amanda,Thank you for the

Hi Amanda,

Thank you for the suggestion and feedback we appreciate it.

klaubengayer

Fri, 12/06/2019 - 21:39

What is your criteria for listing an interactive as accessible?

I agree with amanda.hardman. It would be helpful to know what criteria you are measuring when you say that a specific content item is accessible in realtion to WCAG 2.0 AA standards. I see a lot of comments above regarding screen readers, and repeated mention that you cannot code for all styles of screen readers which is understandable, but the ones I see people asking about are very common. In terms of list of criteria, I am wondering if you check for color contrast in all text written within your tool, possibility to use headings, option to add alt text to all images, ability to use table header rows (if tables are available), if top screen reades can tab trhough each item on the page, etc.

Thank You!

daviddumonde

Thu, 01/16/2020 - 22:07

Content type names

I'm doing an audit of the couple hundred h5p content items we've created to see which are accessible. At least three of the Content Type labels on this page do not match the labels in our h5p instance (or the examples and downloads page here). In the list above, which content types do these refer to?

Drag Text
Image Pair
Virtual Tour 360

Fri, 01/17/2020 - 17:02

Hi David,Drag Text is the

Hi David,

Drag Text is the same as Drag the Words.
Image Pair/Paring is not fully accessible it does not have support for keyboard only.
Virtual Tour 360 is not yet on the list but it is accessible.

-BV

jess_w

Thu, 02/13/2020 - 12:19

WCAG 2.1

Hi, Do you have plans to test against the WCAG 2.1 crieria? Because of the new Web accessibility regulations - we need tomake sure our content is WCAG 2.1 compliant by September 2020.

Fri, 02/14/2020 - 17:00

Hi jess_w,We've been aiming

Hi jess_w,

We've been aiming for WCAG 2.1 since last summer. If you see any issue regarding this I suggest that you post a bug report.

Wed, 02/19/2020 - 12:26

That's great to know - thanks

That's great to know - thanks for confirming so quickly. Do you have any plans to update the article above to say you aim for 2.1 now? We'd like to link out to this article to provide our visitors with more information about the accessibility of the 3rd party platforms we use.

Thanks so much.

Jessica