WebAIM - Web Accessibility In Mind

E-mail List Archives

Interesting effect with CSS

for

From: Bryan Garaventa
Date: Jan 7, 2012 7:27PM

I came a cross this the other day.

For a while I thought that using the CSS technique :after or :before would be useful for displaying content visually but hiding it from screen readers, such as adding a graphical arrow or plus/minus sign on a menu or similar like so:

li.treeitem:after {
content: '+';
}

Which is invisible in IE using JAWS and NVDA. However this actually is visible in both JAWS and NVDA using Firefox.

No idea if this is helpful or not, but I thought it was interesting.

Bryan