WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: hide decorative characters from screen readers

for

From: YOUNGV5
Date: Aug 12, 2011 6:51AM

Léonie, I believe Yves was inquiring about situations where the content is
visible, but hidden from screen reader users. The solutions at
http://www.nomensa.com/blog/2011/hiding-content/ either hides content from
both users or just hides content from visual users. I believe the
solution is to use role="presentation"

Example:

<span role="presentation">|</span>

Of course, this is a new technique. If you are looking for more of a
current universal solution possibly do the following:

Use an in-line image that is a bit larger than what you need and has empty
alt (alt=""). Then, incorporate some progressive techniques that allow
the image to scale.

Hope this points you in the right direction.

Cheers.





Vincent Young
User Experience, Web Accessibility Specialist
Nationwide Corporate Marketing
Nationwide®
o | 614·677·5094
c | 614·607·3400
e | <EMAIL REMOVED>




From:
Léonie Watson < <EMAIL REMOVED> >
To:
"'WebAIM Discussion List'" < <EMAIL REMOVED> >
Date:
08/12/2011 08:38 AM
Subject:
Re: [WebAIM] hide decorative characters from screen readers
Sent by:
<EMAIL REMOVED>



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.