keyboard navigation not working on slides with a hidden button

Forum|Forum|4 years ago
May 19, 2021
3 replies
359 views

Hello!

I am working on a course that is required to be 508 compliant. I built the course with custom navigation buttons, which include replay, CC, play, pause, back, and next buttons. Only the Next buttons include a pause. When testing the course, I am having some trouble with the keyboard navigation. I can use the tab key to tab between interactive buttons, however, on certain slides pressing the Enter key or spacebar does not work to complete the action assigned to any of these buttons. I've noticed this happens specifically on the slides in which I've hidden the Next button. I have an "on enter" advanced action attributed to the majority of my content slides to delay the Next button showing only on a learner's first view of a slide. This is so that on a learner's first view the next button is only shown once the content has been covered, but if a learner goes back and has already viewed the slide, the Next button appears immediately.

Has anyone encountered the above issue before, or know why the Next button being hidden initially could be interferring with the keyboard nav on the other buttons? On slides with no hidden button, the navigation works fine with a keyboard. It's also worth noting that if I wait until the very end of the slide (after the Next button pauses the slide) I can actually navigate the problem slides with the keyboard fine. The keyboard nav also works if I return to a problem slide I've already reviewed. I'm guessing this has something to do with the fact that in returning to a slide, the Next button is set to show immediately, but this just has me even more confused. Any ideas? Ideally I'd like to allow the learner the opportunity to advance immediately when reviewing a slide - I'm just not sure how to do this without using the advanced action and having the button initially hidden.

Any insights are much appreciated!!! Thank you in advance!

This topic has been closed for replies.

TLCMediaDesign

Inspiring

What is the tab order for the buttons? is the next button first?

Paul Wilson CTDP

Community Expert

If you are using your own buttons, you can set the tab order to be whatever you wish. It's usually recommended that you work from left to right, top to bottom, but your first button could be the Next.

Click on the thumbnail of the slide in question in your filmstrip (to ensure no object is selected)
Click on the small menu in the upper right corner of the Properties Inspector
Click on Tab order. A window will open allow you to set the order of the interactive objects on the slide. Built in items like the play-bar have their own assignment that to my knowledge cannot be changed.

Paul Wilson, CTDP

Paul Wilson CTDP

Community Expert

If I'm only going to have a pause on one interactive object per slide, I always choose an interactive object that I know will always be visible for the full duration of the slide. For example, I often will use the Back button to contain my pause. That way the slide will still pause and wait for the learner to complete any interaction or watch or listen to the full duration of the slide before the Next button appears.

One issue you may face is the delayed or hidden appearance of your Next button may be a problem for 508 compliancy. If your organization has a department dedicated to accessibility standards you may wish to check with them. A workaround could be to include a click box somewhere on your slide with a keyboard shortcut to jump to the next slide, even if they have not completed the content. Perhaps pressing the letter N will always advance to the Next slide. This way person with disabilities can move forward if there is a barrier for them to complete an interaction.

Paul Wilson, CTDP

Lilybiri

Legend

This may be off topic, but just want to warn you that since only the Next button has a pausing point, when it is hidden there is no pausing of the slide available anymore.

There are multiple ways to offer forced navigation, I would prefer one which doesn't need to hide a button. Have a look at:

http://blog.lilybiri.com/force-first-slide-view-micro-navigation

I use that workflow often, and for that reason have converted the advanced action to a shared action:

http://blog.lilybiri.com/advanced-to-shared-action-step-by-step-micro-navigation-showcase

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded