WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Font Icons in Safari


From: _mallory
Date: Feb 22, 2016 5:44AM

On Fri, Feb 19, 2016 at 04:14:32PM +0000, Patrick H. Lauke wrote:
> Consider using SVG instead.

Note that to use SVG and have any hope of title or desc tags actually
getting read out means adding a bunch of aria-describedbys and ids
for cross-browser, cross-AT support. I discovered in testing that
referencing a <title> tag that's elsewhere in the page also doesn't
seem to read out no matter what I do.

For this reason, even if I use SVGs, I still aria-hide them and have
text next to them. Ideally onscreen for stupids like me who aren't hip
enough to happen to recognise every new social-media logo out there
and need to know where the heck the link is going to take me, but
if the Graphics Overlords have made Their ruling, offscreen text.

I recently fought the unbelieveably iconned ico-moon font creator
and wish I had had a handy guide to tell me what all those things
were supposed to do instead of wasting a half hour tearing my hair
out and wondering why I had to be born so dumb.