Christian Heilmann

Posts Tagged ‘accessibility’

TTMMHTM: Dazzle audiences, love audiences, cool data from the guardian and Opera WSC

Friday, March 6th, 2009

Things that made me happy this morning

Dasher is an information-efficient text-entry interface, driven by natural continuous pointing gestures. Dasher is a competitive text-entry system wherever a full-size keyboard cannot be used – for example, when operating a computer one-handed, by joystick, touchscreen, trackball, or mouse; when operating a computer with zero hands (i.e., by head-mouse or by eyetracker); on a palmtop computer; on a wearable computer.
The eyetracking version of Dasher allows an experienced user to write text as fast as normal handwriting – 29 words per minute; using a mouse, experienced users can write at 39 words per minute.
Dasher can be used to write efficiently in any language.

So how do you add alternative text to background images?

Wednesday, February 25th, 2009

One thing that drives me up the wall is the inertia that happens in the accessibility world. We do our best to keep the web development world aware of accessibility concerns but in the other direction I just don’t see much drive to even understand the basic principles of web design.

My favourite example is the question that crops up almost every 3 weeks on different communication channels:

The WCAG guidelines state that every image needs alternative text but we are using CSS background images a lot [Ed: sometimes this question is also about CSS sprites] – how do you define alternative text for background images?

OK, here is the scoop, people:

CSS background images which are by definition only of aesthetic value – not visual content of the document itself. If you need to put an image in the page that has meaning then use an IMG element and give it an alternative text in the alt attribute. You can also add a title attribute to add extra information that will be displayed to every user as a tooltip. If your image has a lot of content (for example a graph) then consider using the longdesc attribute to link to a textual representation of the same data or display the same data for example as a data table in the same document.

That is it – images in CSS are only visual extras, not page content, hence they never need alternative text. “Rounded corner” or “blue-yellow gradient” does not help anybody as alternative text – on the contrary, it annoys the end users.

It is not rocket science, really!

TTMMHTM: Motion Tracking in JS, Firebug tricks, MACCAWS recycling and AI fail

Wednesday, February 25th, 2009

Things that made me happy this morning:

TTMMHTM – YouTube captioning, NYC Lego, Opera with JavaScript articles

Wednesday, February 4th, 2009

Things that made me happy this morning

TTMMHTM: Hardening WordPress, hard research in space, Pacman text adventure and AOL accessibility competition

Monday, January 26th, 2009

Things that made me happy this morning (already adjusting my time to India, where I am flying tomorrow):

We’re looking for ideas for applications to assist computer and Internet users with disabilities – and we’re going to build them through the competitions of the 2009 TopCoder Open.
Now, we’ve extended the Sensations Developer Challenge Idea Generation contest for two more days, and we’ve thrown some bonus prizes into the mix!
In case three trips to the TCO in Las Vegas and $7,500 in prizes wasn’t enough, AOL will be giving an iPod Touch to five submitters to this contest, selected at random after the new deadline Tuesday, January 27th at 2pm ET.