WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ARIA-hidden vs role presentation for font icons

for

From: Cameron Cundiff
Date: Sep 13, 2013 6:30AM

>
> The HTML would be something like:
> <a href="something"><i class="icon1"></i> Link text</a>

CSS is then used to insert the icon into the <i> tag.
>

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 */
}