Accessibility


Thursday, February 25th, 2010

EnhanceJS: A library to progressively enhance

Category: Accessibility, JavaScript, Library

EnhanceJS is a new library from the Filament Group, who are serious about progressive enhancement and accessibility. What is EnhanceJS? EnhanceJS is a new JavaScript framework (a single 2.5kb JavaScript file once minified/gzipped) that that automates a series of browser tests to ensure that advanced CSS and JavaScript features will render properly before they’re loaded Read the rest…

Posted by Dion Almaer at 6:42 am
22 Comments

++---
2.7 rating from 44 votes

Sunday, January 10th, 2010

WebAIM Study: Screenreaders and Javascript Co-Exist

Category: Accessibility

Paul Irish points to a recent survey by WebAIM showing what high-level accessibility guidelines frequently omit to mention: screenreaders and Javascript often co-exist. The study shows between 75% and 90% of screenreader users have Javascript enabled. This isn’t just speculation, but a survey of 655 screenreader users. This response may help strengthen the notion that Read the rest…

Posted by Michael Mahemoff at 5:06 pm
8 Comments

++++-
4 rating from 25 votes

Monday, December 14th, 2009

Text to Speech via HTML5 Audio

Category: Accessibility

Weston Ruter has created a nice mashup that marries HTML5 Audio support in modern browsers with the new Google Translate API that does text to speech (for them): Recently Google Translate announced the ability to hear translations into English spoken via text-to-speech (TTS). Looking at the Firebug Net panel for where this TTS data was Read the rest…

Posted by Dion Almaer at 6:24 am
3 Comments

+++--
3.5 rating from 30 votes

Friday, November 20th, 2009

Full Frontal ’09: Todd Kloots on ARIA and Acessibility

Category: Accessibility, HTML, Usability

Todd Kloots is talking accessibility and ARIA, with examples showing how YUI nicely supports these techniques. He explains how to improve in three areas: perception, usability, discoverability. Can We Do ARIA Today? Yes. Firefox and IE (he didn’t say which version) have really good support for ARIA. And Opera, Chrome, and Safari. Likewise for the Read the rest…

Posted by Michael Mahemoff at 11:10 am
2 Comments

+++--
3.6 rating from 21 votes

Tuesday, September 15th, 2009

WAMI lets you add speech recognition to any web page

Category: Accessibility

Andrew Sutherland is giving a presentation at The Ajax Experience tomorrow at 9:30am where he will announce the availability of WAMI (Web-Accessible Multimodal Applications). WAMI is a project out of MIT that lets you plug voice recognition directly into a javascript powered page, and optionally record+save audio files of people talking. There are a couple Read the rest…

Posted by Dion Almaer at 12:24 pm
7 Comments

+++--
3 rating from 23 votes

Tuesday, March 3rd, 2009

QFocuser

Category: Accessibility, JavaScript, Library

Daniel Steigerwald has written a nice little standalone library for accessibility called QFocuser. It features: allow to your widget to listen key events when its focused focus can be enabled on any element fires focus and blur events (so your table row will NOT remain highlighted after click out of table for example) make your Read the rest…

Posted by Dion Almaer at 6:58 am
5 Comments

+++--
3.9 rating from 30 votes

Wednesday, December 31st, 2008

If you won’t file a bug, maybe test in a screen reader?

Category: Accessibility

John Resig wants us to file bug reports to browser vendors but what about accessibility? Is that a responsibility that we have as Web developers? Todd Kloots of Yahoo! shows us how to configure our machine for screen reader testing with full instructions: When developing using the WAI-ARIA Roles and States, you need to test Read the rest…

Posted by Dion Almaer at 6:16 am
1 Comment

+++--
3.3 rating from 15 votes

Wednesday, December 17th, 2008

RUI is not accessible? Check out Yahoo’s new Currency Converter

Category: Accessibility, Ajax, RichTextWidget, Unobtrusive JS, Yahoo!

I am proud to be able to announce the new currency converter on Yahoo finance. Why? Because it is a perfect example of how a complex rich user interface can be built in an accessible manner. As the main developer, Dirk Ginader explains: About 9 months ago my fellow co-worker, the User Experience Designer Graham Read the rest…

Posted by Chris Heilmann at 12:23 pm
10 Comments

++++-
4.4 rating from 39 votes

Saturday, September 27th, 2008

Flash 10 and the bad news for JavaScript interaction

Category: Accessibility, Adobe, Flash, Security

Right now you can use Flash to work around a lot of JavaScript limitations and many products use an invisible Flash movie to for example batch upload files (Flickr, WordPress), play movies in a screenreader accessible manner (with DHTML controls outside the main movie – Yahoo Video, for example) or automatically add content to the Read the rest…

Posted by Chris Heilmann at 4:11 pm
24 Comments

++++-
4.3 rating from 54 votes

Monday, September 22nd, 2008

What if we didn’t lump all “accessibility” requirements together?

Category: Accessibility, Editorial

Joe Walker was thinking about accessibility and wrote about a thought experiment that he had where he ponders ‘What if we didn’t lump all “accessibility” requirements together?’ What if, instead, apps are written for one audience. What could you do differently for different use cases? Designing for Screen Readers So you want to create a Read the rest…

Posted by Dion Almaer at 5:56 am
1 Comment

++++-
4.1 rating from 23 votes

Monday, September 15th, 2008

Improving Accessibility with Ajax/Javascript – Christian Heilmann, @Media Ajax

Category: Accessibility, Yahoo!

Blogging from @media Ajax. Christian Heilman is talking about the interaction of Ajax/Javascript and accessibility. BTW Christian’s arranging an accessibility event, including a hack day, this Friday/Saturday in London – Scrpting Enabled. Tickets are free, but booking is required. Legislation is not the (only) answer. Smart developers can find ways to work with the technology Read the rest…

Posted by Michael Mahemoff at 6:45 am
Comment here

+++--
3.5 rating from 13 votes

Monday, June 9th, 2008

Require Javascript for Contributions?

Category: Accessibility, Editorial, Usability

On the Stack Overflow blog, Jeff Attwood asks Is it OK to require JavaScript to participate? Note that by “participate” I mean “edit, answer or ask a question”. Of course passively reading a question and the associated answers will work fine without JavaScript enabled. … While we do believe in progressive enhancement, it’s possible that Read the rest…

Posted by Michael Mahemoff at 3:53 pm
21 Comments

+++--
3.3 rating from 22 votes

Wednesday, May 21st, 2008

An easier and more accessibe YouTube player

Category: Accessibility, Usability

We’ve covered the YouTube JavaScript API here before and especially the chance to write your own players in HTML and JavaScript with it. Especially the ext.js based one to one copy of the YouTube interface was of interest. At the Accessibility2.0 conference in London earlier this year, Antonia Hyde of United Response gave a talk Read the rest…

Posted by Chris Heilmann at 4:50 am
5 Comments

+++--
3.8 rating from 19 votes

Wednesday, April 30th, 2008

Ajax Accessibility and ARIA

Category: Accessibility, Ajax

John Resig put together a nice overview of the ARIA Live Regions specification with an example of how you can track a list of people in a way that a screen reader can understand when someone is added or deleted. Imagine a todo list application. HTML4 < view plain text > <ol aria-live="polite" aria-relevant="additions removals" Read the rest…

Posted by Dion Almaer at 10:22 am
1 Comment

+++--
3.9 rating from 22 votes

Thursday, April 24th, 2008

Using canvas to test your site with colorblind folk

Category: Accessibility, Canvas, Library

The picture above is showing you how someone with the color blindness trait Tritanopia would see the image. Michael Deal first created the Color Matrix Library, which supports a large portion of the most common color functions available, including: Hue, Saturation, Brightness, Contrast, Exposure, Temperature, Tint, Channels, Blindness, Colorize, Threshold, and Invert Michael then created Read the rest…

Posted by Dion Almaer at 1:35 pm
4 Comments

++++-
4.3 rating from 30 votes

Wednesday, March 26th, 2008

Filament Group’s Accessible Extensions

Category: Accessibility, jQuery

Accessibility is on the minds of most of us and for some companies, it’s an absolute priority. The Filament Group is taking accessibility seriously has produced two jQuery extensions that take that into consideration. Accessible Charts There’s been quite a lot of effort of late to leverage HTML Canvas element for visualization of data but Read the rest…

Posted by Rey Bango at 6:30 am
4 Comments

++++-
4.5 rating from 36 votes