troubleshooting Question

Font Awesome and Screen Readers (WCAG)

Avatar of APD Toronto
APD TorontoFlag for Canada asked on
CSS* font-awesomeHTMLFonts Typography* wcag
2 Comments1 Solution10 ViewsLast Modified:
Hi Experts,

Is there any way I can make Font Awesome accessible to Screen Readers, and WCAG Compliant?

For example, <i class=“fa fa-server”></i> is not “visible” to screen readers, as you cannot alt to an <i> tag.

The only way I can think of is to make a screen shot of the icon, then use it as <img>, but is there a better way?

Any help would be appreciated.
Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros