WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: CSS generated content (wasKeyboard accessibility of abbreviations)

for

From: Patrick H. Lauke
Date: Apr 16, 2015 2:39PM

On 16/04/2015 22:31, Graham Armfield wrote:
> Actually I've been testing with NVDA and Firefox just this week and NVDA
> 2014.4 does seem to be voicing content in the :before and :after
> definitions.
>
> This is a good thing, but also a bad thing in that you discover that many
> icons from icon fonts are delivered to the page in those constructs. So you
> can get some seemingly random characters being voiced. For instance S S S S
> S meant that a product had a five star review.

That's why, in Bootstrap for instance, we add aria-hidden=true to the
element with the generated content (though I seem to recall one
particular browser/SR combo ignored this...Firefox+NVDA I think?).

http://getbootstrap.com/components/#glyphicons-examples

See also http://tink.uk/accessibility-support-for-css-generated-content/

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke