Skip to main content
Y
yoncau2719591
Inspiring
November 13, 2017
Answered

How to skip custom navigation and go to a specific item on a page

  • November 13, 2017
  • 1 reply
  • 2268 views

Hello,

I have a built a course that needs to be 508-compliant. The course has custom navigation buttons at the top of the page, and one of the requirements is that a user using a keyboard and a screenreader needs to be able to skip over those repetitive navigation elements and go right to the "content" on the page. So if the user selects this button, which is the first thing in the tab order, it will skip over the navigation and the keyboard focus will be on the content. I don't know how to do this in Captivate. Has anybody been able to do this?

Thanks

This topic has been closed for replies.
Correct answer yoncau2719591

Hi Erik,

This is promising - I am not sure if I'm not doing this correctly? When i press shift+enter to select that button it doesn't seem to do anything. This is what I have entered into my advanced actions - maybe I'm missing something obvious as I am not that familiar with Captivate and javascript.


OK so here is what worked. Thanks for all the suggestions:

document.getElementById("insert name of your button").onkeypress = function() {myFunction()};

function myFunction() {

var elem = document.getElementById("insert name of the item on the page you want to skip to");

$(elem).focus();}

1 reply

Erik Lord
Erik Lord
Inspiring
November 13, 2017

You should just be able to set the 'tab order' for the pages.

See here:

Accessibility best practices | Adobe Captivate

http://elearningbrothers.com/tab-order-for-interactive-objectives-in-adobe-captivate/

508 compliance and Captivate

Y
yoncau2719591Author
Inspiring
November 14, 2017

Hi,
I know how to change the tab order, but what i need is a button that will skip over all the nav items and take the learner to the content on the page. Please let me know if I'm not being clear.

Thanks

Erik Lord
Erik Lord
Inspiring
November 14, 2017

Hi Rod,

I did actually have it set up that way, but the way the client (government) requires it to be set up is that the tabbing order is in the same order as it appears to a sighted user. Therefore they would like a button to be able to skip the navigation. Here is an example of a web page where this is implemented - if you go to this page and hit the tab key you will see the skip navigation and go to content link HHS.gov

I know that  Lectora has the ability to do this, I wasn't sure if this is possible with Captivate.

Thanks


I've never seen that option required before for 508. Is it a new thing?

Regardless, can you just make a 'Skip to Main Content' button? That's all the site is doing...

What would it do though - send the tab to the content? set the focus? highlight the screen content?

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices