WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ARIA-hidden vs role presentation for font icons

for

From: Alastair Campbell
Date: Sep 13, 2013 8:05AM

Thanks, that's what I thought.

I had thought they were using the <i> to cater for older browsers (using it
as a background or something), but digging in further it looks like it is a
CSS ::before selector.

I suspect that making it a selector on the <a> rather than the <i> would
solve it as well, but I'll test it.

-Alastair


Cameron Cundiff wrote:

>
> Do you mean with an ::after selector with a content property? I'd go that
> route and specify the unicode for the glyph in the content property, and
> also put aria-hidden on the `i` tag in case some screen has support for CSS
> content. Caveat: I haven't used role=presentation.
>
> i::after {
> content: "/2708" /* unicode icon */
> }
>