WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: hide decorative characters from screen readers

for

From: Léonie Watson
Date: Aug 12, 2011 6:36AM

Yves Serrano wrote:
"We can hide decorative images with the empty alt attribute from the screen
reader is there a solution for decorative characters?"

The following article looks at the different techniques you can use
for hiding content from sight (as well as from everybody). Hope it helps.
http://www.nomensa.com/blog/2011/hiding-content/


Léonie.

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Yves Serrano
Sent: 12 August 2011 09:38
To: <EMAIL REMOVED>
Subject: [WebAIM] hide decorative characters from screen readers

Hi

Often you have a character as navigation separator in horizontal navigation
list.
I use for example "-" or "|". The screen readers reads this characters even
if I build them with pseudo css content (JAWS).
I could use images as <li> background, but then I lose the ability of
scaling via css, by changing the font size.
It also matches the text better if I don't use an image.

We can hide decorative images with the empty alt attribute from the screen
reader is there a solution for decorative characters?

Don't found anything. Am I the only one who does it find unpleasing when the
screen reader reads them?

regards yves