Christian Heilmann

Author Archive

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:

Free PHP security talk on 3rd of March in London

Tuesday, February 24th, 2009

Following my talk on web application security at the Web Directions North I had a lot of questions on PHP security and I have to admit I am OK but not an expert on the matter. Luckily enough there are experts I rely on and if you are in London next Tuesday you can go and see them give a talk for free!

In the second in the series of “YDN Tuesday” monthly events, Jose Palazon, Yahoo’s mobile security expert, will be talking about PHP Security.

The venue is Skills Matter Limited at 1 Sekforde Street, EC1R 0BE
London, England.

Jose will be presenting a series of demos on how to exploit and prevent the most popular security flaws in web applications, such as SQL and blind SQL Injections, Cross Site Scripting, file uploads, file handling functions, global variables and, favorite of them all, programmers ingenuity!

YDN Tuesdays are tech talks held on the first Tuesday of every month at Skills Matter’s London offices. The events are FREE, but you need to sign up for them at Skills Matter’s website.

Mozilla Labs meetup in London this Thursday – I’ll be the one with bells on

Monday, February 23rd, 2009

If you are a happy user of Mozilla and want to learn what’s brewing in the foundation and you are in London come around this Thursday to Waterstone’s in Piccadilly. As Madame Jane Finette reports there’s a a Mozilla Labs meetup happening.

When:
Thursday February 26, 2009 from 10:30am – 12:30pm

Where:
Waterstones Piccadilly
5th floor cafe in Waterstones bookshop
203-206 Piccadilly
London, W1J 9LE
England

Sign up for the event on upcoming – see you there.

TTMMHTM: Geek chic, development quotes, passwords, Flickr scalability and the New York Times Open

Monday, February 23rd, 2009