Solved

Need help interpreting a 508 compliance issue regarding JavaScript onChange event handler

Posted on 2009-06-28
6
1,064 Views
Last Modified: 2013-11-10
508, paragraph l, says:

"onChange: This event handler is very commonly used for triggering JavaScript functions based on a selection from within a <select> tag. Surprisingly, it presents tremendous accessibility problems for many commonly used screen readers and should be avoided. Instead, web developers should use the onClick event handler (associated with a link or button that is adjacent to a <select> tag) to accomplish the same functions."

I use onchange to populate a dynamic list box of states based on the selection of country, like this:
      <select name="country" id="country" onchange="MM_callJS('setDynaList(0,arrDL1)')">
      
It's not clear to me how I would do this as 508 suggests, specifically: "web developers should use the onClick event handler (associated with a link or button that is adjacent to a <select> tag) to accomplish the same functions".

Any ideas? I know that 508 was written a long time ago - is this still an issue for "modern" screen readers?
0
Comment
Question by:alicia1234
6 Comments
 
LVL 18

Accepted Solution

by:
Pawel Witkowski earned 250 total points
ID: 24734170
From what I known it is no longer an issue. In mine opinion you can use onchange without any problems. If you really woried about that, you can try:

<select>
<option onclick="selected=1">one</option>
<option onclick="selected=2">two</option>
<option onclick="selected=3">three</option>
</select>
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24734729
What browsers have an onClick event on options?
0
 
LVL 18

Expert Comment

by:Pawel Witkowski
ID: 24734789
Good point, works only in Opera/Firefox.

You can then try delegate onclick to <select> element and then check index of selected element o_O
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:alicia1234
ID: 24736020
Thanks for the info so far. wilq32 said "From what I know it is no longer an issue." I'd love to know that for sure and then I wouldn't even worry about it.
0
 
LVL 18

Assisted Solution

by:Pawel Witkowski
Pawel Witkowski earned 250 total points
ID: 24736049
Maybe this discussion will help your needs:

http://www.webaim.org/discussion/mail_thread.php?thread=3594
0
 
LVL 9

Expert Comment

by:Bob Stone
ID: 24740640
Here is a time limited eval software that will test 508 compliance of a web site
http://www.powermapper.com/products/sortsite/ads/acc-section-508.htm?gclid=CNzUy4K8sJsCFZJM5QodbU0oqg 
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Bootstrap Form 16 37
Add a Location and Color Price based on select box selected option 17 65
Compute age Html 2 24
null, truthy, falsey confusion 25 28
Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question