WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: font icon links, focus, and Title element

for

From: Swift, Daniel P.
Date: May 24, 2017 10:07AM

To answer question 1, you should be able to add outline to the links ... that should cover your font-awesome icons. Your CSS should look something like a:focus{outline: 2px solid #F00}. Those are just arbitrary values. You also want to use a span with the font awesome classes. That should solve your title issue. Example:

<a href="page.php" title="Send an email"><span class="fa fa-envelope"></span>[sounds like you are using icons only, no text]</a>

Does that help?

Dan Swift
Web Technical Specialist
Enterprise Services
West Chester University
610.738.0589