means "like" on FAcebook but "add to favorites" The icon is not obscure or unclear, sometimes a text label is better. Make sure, if you identify a control visually only with an icon, that (this works pretty well across browsers/a.t. Make sur theaccessible name describes the action performed by the (the class name may not be 100% accurate, I don't have Font Awesome Use eiher the title or aria-label attribute If the font is used on a focusable element (such as a link or aīutton) make sure that element has an accessible name (place on theįocusable element, not on the fon awesome element). Moving to SVG-based icon solutions is the more robust approach here in most cases. Of course there are gaps here - particularly when it comes to users who may have their own font preferences set that override author-defined fonts. This is cribbed in part from the accessibility advice on (different icon font system, same idea behind it though). might start you off in the right direction. Subject: Re: Font Awesome Icon Accessibility Help
Moving to SVG-based icon solutions is the more robust approachĪre there some good, current resources on using SVG-based icons accessibly? Some of the resources I had found were old and seemed to suggest accessibility problems with SVG-based icons.Īlso, what about using Unicode for icons?įrom: WebAIM-Forum On Behalf Of Patrick H. May have their own font preferences set that override author-definedįonts. Of course there are gaps here - particularly when it comes to users who Icon font system, same idea behind it though). This is cribbed in part from the accessibility advice on Can anyone please point me to information aboutmaking these accessible?ĭirection. I want to learn to make them accessible now so I won’t have to re-learn them correctly. > I am learning to work with Font Awesom icons as part of web development training. Can anyone please point me to information aboutmaking these accessible? I am learning to work with Font Awesom icons as part of web development training. Subject: Font Awesome Icon Accessibility Help Number of posts in this thread: 5 (In chronological order)