Drag the Words Accessibility with JAWS

Submitted by mmercer on Fri, 07/16/2021 - 18:57
Forums: 
General discussion

Hello! I'm using Chrome Version 91.0.4472.124 (Official Build) (64-bit), Moodle v3.9, and JAWS v2020.2006.12 ILM. I successfully created a Drag the Words challenge and added it to my Moodle course. I can successfully use the mouse to do the challenge and successfully use keyboard navigation per the steps below (which I found in this forum):

The Drag Text should work with keyboard only navigation. The keys to use are as follows:

1. Tab - Highlight the draggable words

2. Arrow keys to move between the draggable words

3. Space to "pick up" the word (automatically highlights the drop zones)

4. Arrow keys to move between the drop zones

 

5. Space to drop the word.

However, when I turn on JAWS the keyboard navigation steps fail. With JAWS on I can select a dragable option button but that's it. I cannot get it to populate into a drop zone. JAWS doesn't even recogize the drop zones. I finally found drop zones within the Select a Division jump list in JAWS, but even when I select it, it doesn't populate the drop zone with my selected button. I have the Virtual PC Cursor turned on in JAWS.

At this point, from my point of view, Drag the Text is *NOT* accessible. Being able to use the keyboard to navigate is great, but it also has to work with JAWS on otherwise it's pointless.

I am a sighted user so maybe I'm overlooking something in JAWS, IDK. I'd really like to use Drag the Text, but cannot unless it's 100% accessible.

Please advise.

 

 

 

Attachments: 
Image icon drop-zone-in-div-jump-list.png
Content types: 
Drag the Words

EuanHill

Wed, 01/11/2023 - 16:51

Interestingly enough, I just had the question today whether H5P were keyboard accessible which lead me to want to go and do some testing! As you've suggested, as soon as a screen reader is activated, the H5P becomes inaccessible because the reader is more interested in reading the content around the drop zones.

I completed some testing in NVDA and did actually find you can work these with a screen reader activated, but it requires you to manually switch between focus and browse mode. The Screen Reader needs to be in focus mode to be able to switch between the drop zones.

I'd imagine you need to make a similar switch in JAWS as it also has the two different modes available.

As a sighted user as well (using screen readers for testing), I'm not aware of whether it would be a common expectation to switch between browse and focus mode. Part of me believes it is, but I can't answer the question for sure whether these would be classed as accessible.

They certainly work better than a lot of other drag and drop interactions I've tested!

LibtechKelsey

Tue, 08/29/2023 - 19:32

My apologies for reviving an old topic, but I didn't want to create a new one when this one already existed.
I'm reviewing a Pressbook H5P activity for accessibility, using NVDA ver. 2023.1. I can select the grabbables, NVDA tells me their name, lists the drop zones and can drop the words, using the keyboard.

However, there's no way to create a text to describe the drop zones, is there? There is a background image loaded, but I don't see an area to create an alt text to describe the graphics. Is there a way to attach a description to each drop zone? Otherwise, although the activity is functional via assitive technology, the activity itself is still not accessible. I can't describe the zones to a non-sighted user, and so they can't complete the activity.

Am I missing something? :S

Thanks in advance!

LibtechKelsey

Tue, 08/29/2023 - 19:32

My apologies for reviving an old topic, but I didn't want to create a new one when this one already existed.
I'm reviewing a Pressbook H5P activity for accessibility, using NVDA ver. 2023.1. I can select the grabbables, NVDA tells me their name, lists the drop zones and can drop the words, using the keyboard.

However, there's no way to create a text to describe the drop zones, is there? There is a background image loaded, but I don't see an area to create an alt text to describe the graphics. Is there a way to attach a description to each drop zone? Otherwise, although the activity is functional via assitive technology, the activity itself is still not accessible. I can't describe the zones to a non-sighted user, and so they can't complete the activity.

Am I missing something? :S

Thanks in advance!

LibtechKelsey

Tue, 08/29/2023 - 20:46

My apologies for reviving an old topic, but I didn't want to create a new one when this one already existed.
I'm reviewing a Pressbook H5P activity for accessibility, using NVDA ver. 2023.1. I can select the grabbables, NVDA tells me their name, lists the drop zones and can drop the words, using the keyboard.

However, there's no way to create a text to describe the drop zones, is there? There is a background image loaded, but I don't see an area to create an alt text to describe the graphics. Is there a way to attach a description to each drop zone? Otherwise, although the activity is functional via assitive technology, the activity itself is still not accessible. I can't describe the zones to a non-sighted user, and so they can't complete the activity.

Am I missing something? :S

Thanks in advance!

BV52's picture

BV52

Wed, 08/30/2023 - 18:22

Hi LibtechKelsey,

You are correct there is no way to add a description for the drop zone. I will bring this up with the developers so that they can review the content type.

-BV

JLaw

Thu, 10/26/2023 - 15:05

Hi,

Any updates on meeting accessibilty standards using drag and drops?

Thanks!

JLaw

LibtechKelsey

Wed, 11/01/2023 - 20:18

Hi JLaw,

In reviewing a Pressbooks embedded H5P activity today, I found I was able to read a title labelling the dropzone 1 of 2 (NVDA reads "Dropzone 1 of 2: Indirect Interventions"). I was also able to shift back and forth selecting Grabbables and Dropzone 1. However, I was unable to move any items into Dropzone 2. It appears that the screenreader knows dropzone 2 is there (as it annouced the other as 'Dropzone 1 of 2'), but using the Tab key won't allow me to select Dropzone 2...it simply oscillates between the Grabbables (which I can navigate with arrow keys, and which the screen reader will read) and Dropzone 1.

Still, one step forward? It's so close to being doable entirely by keyboard!

Also, my sincere apologies for the post spam previously, everyone! I'm not sure what happened. Or how to make the other two go away :S

Attachments: 
Image icon direct indirect dropzone.PNG