Brainstorms and Raves

Notes on Web Design, Development, Standards, Typography, Music, and More

Fri

22

FEB

2002

JavaScript and Accessibility - They Can Work Together

Once again, WebReference’s Andy King wrote an exceptional explanation about JavaScript and accessibility issues in today’s WebReference Newsletter[1]. As he mentions, they can work together very well to still have accessible sites while taking advantage of great uses of JavaScript.

I’ve also ranted here about the Olympics 2002 site and its major accessibility blunders, and since Andy is quite a JavaScript expert, he covered far more details about the JavaScript issues in his Olympics 2002 review and followup.

Jakob Nielsen also recently reviewed the Olympics 2002 for usability problems in his article, Official Winter Olympics Site: Not Even Bronze, and discussed it at a luncheon that I wrote about here, too. It’s impossible for me to understand the Olympics site not even having a search feature!!

As Andy also explains in today’s WebReference Newsletter, there are plenty of ways to work with JavaScript that also allow for accessibility, including navigation, for example. There are lots of good DHTML drop-down menus that are gorgeous and function well while also degrading gracefully for browsers that don’t understand the scripting.

For more simple navigation, if you note my own navigation at the top of each page here, you’ll see a burgundy square appear to the left of each navigation item. Those squares appear because of JavaScript[2] while I’ve also used text links. At my SKDesigns site, I’ve used JavaScript and graphics for navigation, but if JavaScript and images are turned off or not available, the JavaScript includes text links that will still work, and of course the ALT attributes are used within the image element. This allows for accessibility and for search engines, too.

screenshot of SKDesigns with images turned off, JavaScript turned off

screenshot of SKDesigns with images turned on, JavaScript turned on

So making a site that’s also accessible doesn’t mean it must be plain text at all, nor does it mean you can’t use some of the available technologies, such as JavaScript or even Flash. See WebsiteTips.com’s Accessibility section for links to guidelines, tutorials, and more.

[1] hat tip: Andy King

[2] I thank Dori Smith, JavaScript expert and author, for creating the cross-browser, accessible JavaScript that I’ve adapted and used quite a bit for clients' sites and my own sites, too. She and co-author (and husband) Tom Negrino have provided scripts from their books at their site, JavaScript World.

09:01 am, pst22 February, 2002 Comments, Trackbacks ·

Categories: Accessibility

top


Visit iStockPhoto - Royalty-free stock images. Click Upload Earn, Click Download Create 

I Wrote a Book

Deliver First Class Web Sites: 101 Essential Checklists  Via amazon.com: Deliver First Class Web Sites: 101 Essential Checklists, by Shirley Kaiser. SitePoint Books (July 2006). 

Available now via: SitePoint Books, Amazon.com, Amazon.ca (Canada), Amazon.co.uk (UK), Amazon.fr (France), Amazon.de (Germany), Amazon.co.jp (Japan), Tower Books U.S. and elsewhere! You'll also help support this site and its owner if you purchase via any of these links.

Learn more at SKDesigns - Deliver First Class Web Sites and via SitePoint Books.

Recommended Books

Cover - The Zen of CSS Design, by Dave Shea, Molly E. Holzschlag. Published by Peachpit Press, December 2004.

Cover: Information Architecture, 2nd Edition - by Louis Rosenfeld, Peter Morville. OReilly Media, Inc.; 2nd edition (August 15, 2002).

Hand-picked best book recommendations for Web site design, CSS, graphics, Photoshop, color, accessibility, more

In association with
 In Association with Amazon.com 
http://brainstormsandraves.com/archives/2002/02/22/javascript_and_accessibility_they_can_work_together/
Page last modified 14 July, 2007 - 10:22pm PDT Page load time: 0.010155 seconds.