I will point out that
h#{
text-indent: -9999px;
}
Is accessible by screen readers. Go test it yourself, but the text is
not visible if images are turned off for normal viewing, which is a main
reason not to use it.
Now it is
h#{
left: -9999px;
}
that had issues with screen readers.
--
Gary Barber
User Experience Designer/ Web Architect
Web: radharc.com.au
blog: manwithnoblog.com
Steve Green wrote:
-----Original Message-----
From: [email protected] [mailto:[email protected]]on
Behalf Of Christopher Kennon
Sent: 15 April 2009 01:40
To: [email protected]
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
--
There are lots of image replacement techniques but none of them is
accessible to all user groups. It's a case of selecting the least worst, or
preferably not using image replacement at all.
Typical problems are that the images do not scale if the text size is
changed, you cannot change the colour of the text or background, nothing is
displayed if images are turned off but styles are enabled etc etc.
Techniques such as sIFR or FLIR address some of these issues but none of
them address all the issues, so every technique will be inaccessible to some
people.
Steve
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
