Hi Chris,

The best I have found is Facelift Image Replacement - FLIR which is
accessible as it doesn't affect the source code. 

Style your text as normal with CSS and then it uses PHP, JavaScript and font
files to convert your text into images which it places over the text. 

Switch JavaScript off and it just degrades back to the standard CSS styled
text.

I've used it on a few websites now and I prefer it to sIFR. It's more
efficient if you only use it on headings.

See here for files and documentation: http://facelift.mawhorter.net/

Kind regards,  

Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk
T: +44 (0)20-8816-8893


-----Original Message-----
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Christopher Kennon
Sent: 15 April 2009 01:40
To: wsg@webstandardsgroup.org
Subject: [WSG] Image Replacement and Accessabilty

Hi All,

The text indent CSS property can render an h# element inaccessible to screen
readers. Other than using an img element and alt attribute, what image
replacement techniques are also accessible?


h#{

text-indent: -9999px;



}

Chris





*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

Reply via email to