/    Sign up×
Community /Pin to ProfileBookmark

Section 508 javascript navigation JAWS

Copy linkTweet thisAlerts:
Feb 05.2009

Hi all,

I have this script that is graphically represented by an arrow. The script calls for the next page in the program:

<IMG class=”nav” SRC=”../../graphics/cont_sm.gif” WIDTH=”59″ HEIGHT=”17″ ALT=”Continue” BORDER=”0″ onClick=”goto_page(next_page)”>

When I try to tab through any page with this script it completely ignores the Continue graphic as if it doesn’t exist. How can I edit this tag so that the browser will tab to it and JAWS screen reader will pick it up?

Second question – JAWS won’t read any of our documents surrounded by a top and bottom frame. It only sees the top and bottom. Suggestions?

Thanks much!

to post a comment
JavaScript

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@felgallFeb 05.2009 — Put the image inside something that can be given the focus (such as <a>)
Copy linkTweet thisAlerts:
@skallsenauthorFeb 05.2009 — I'm not sure how that works in this case, using <a, maybe you can show me an example?

If I put

<a href=""><IMG class="nav" SRC="../../graphics/cont_sm.gif" WIDTH="59" HEIGHT="17" ALT="Continue" BORDER="0" onClick="goto_page(next_page)"></a>

it will find the continue button but it won't allow it to go to the next page. I don't want to put a url in the <a href=""... because I need the navigation to be done with the javascript.

Thanks!
Copy linkTweet thisAlerts:
@A1ien51Feb 05.2009 — href="#"

add the onclick handler to the link [not the image] and return false

Eric
Copy linkTweet thisAlerts:
@skallsenauthorFeb 05.2009 — Like this?

<a href="#" onClick="goto_page(next_page)"><IMG class="nav" align="middle" SRC="../../graphics/cont_sm.gif" WIDTH="59" HEIGHT="17" ALT="Continue" BORDER="0"></a>

Can you tell me how to put in the "return false" if my onClick has the "goto..." in it?

I tried it just like I have it above and tabbing still does not find the image/link. Will adding "return false" do that?

Thanks
Copy linkTweet thisAlerts:
@A1ien51Feb 05.2009 — onclick="foo();return false;"

Eric
Copy linkTweet thisAlerts:
@skallsenauthorFeb 05.2009 — That did it! Thanks very much!
×

Success!

Help @skallsen spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...