Solved

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

Posted on 2009-06-28
6
1,070 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
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!

 

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

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Javascript reference in ExcelWebAddIn Project 2 33
Add Rows on a Table 8 54
Dropdown animation to normal dropdown 6 28
How can I use javascript variable in mysql query 21 46
Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

752 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