Comments on: How to Maintain Accessibility When Using jQuery http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery Pragmatic design and tech Wed, 11 Aug 2010 23:45:54 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Silha http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery/comment-page-1#comment-213 Silha Wed, 11 Aug 2010 23:45:54 +0000 http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery#comment-213 Actually, using display:none makes content invisible to screenreaders. Actually, using display:none makes content invisible to screenreaders.

]]> By: Andrei Gonzales http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery/comment-page-1#comment-156 Andrei Gonzales Mon, 22 Dec 2008 22:46:42 +0000 http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery#comment-156 I've used the class switch as well. It's actually excellent for hiding/inserting features that are jQuery dependent. e.g. youtube's row/table display toggle. I have a similar trick on my client's website, but the buttons for the display/toggle only appear if JS is present, as I would load a parent class via jQuery. No JS, no jquery = no "dead" toggle buttons. :) I’ve used the class switch as well. It’s actually excellent for hiding/inserting features that are jQuery dependent.

e.g. youtube’s row/table display toggle. I have a similar trick on my client’s website, but the buttons for the display/toggle only appear if JS is present, as I would load a parent class via jQuery. No JS, no jquery = no “dead” toggle buttons. :)

]]> By: David Bolter http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery/comment-page-1#comment-119 David Bolter Thu, 20 Mar 2008 14:19:40 +0000 http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery#comment-119 Nice post. Thought you might be interested in joining our growing jQuery accessibility community: http://groups.google.com/group/jquery-a11y cheers, D Nice post. Thought you might be interested in joining our growing jQuery accessibility community: http://groups.google.com/group/jquery-a11y
cheers,
D

]]> By: Evan http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery/comment-page-1#comment-118 Evan Thu, 20 Mar 2008 02:57:28 +0000 http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery#comment-118 Cool. Thanks for the tip, David. That could be used to solve many more problems other than accordion, too. I'll have to play around with it some. Cool. Thanks for the tip, David. That could be used to solve many more problems other than accordion, too. I’ll have to play around with it some.

]]> By: David http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery/comment-page-1#comment-116 David Wed, 19 Mar 2008 22:46:06 +0000 http://evanmeagher.net/2008/03/how-to-use-maintain-accessibility-when-using-jquery#comment-116 One simple way to maintain degradability is to make a habit of switching classes before turning on the jQuery, f.ex: <code> $('ul.list_original').removeClass('list_original').addClass('list_jquery').doSomething(function() { // jquery operations here }); </code> This way, you can apply as many display:none to ul.list_jquery as you like since it will not affect the original list display. One simple way to maintain degradability is to make a habit of switching classes before turning on the jQuery, f.ex:


$('ul.list_original').removeClass('list_original').addClass('list_jquery').doSomething(function() {
// jquery operations here
});

This way, you can apply as many display:none to ul.list_jquery as you like since it will not affect the original list display.

]]>