For icons that have semantic or interactive meaning, this means you'll need to provide a proper text alternative to be used. If enabled as a feature in your embed code, Font Awesome CDN will try to identify the scenarios above in your UI as well as provide the modern and proper syntax assistive technologies recognize. shopping cart status, number of unread messages, etc.) as well as interactive controls (e.g.

This goes for content you're abbreviating via icons (e.g. If you're using an icon to convey meaning, ensure that this meaning is also conveyed to users who may be interacting with your UI using different methods or tools by providing text-based alternatives. Using Icons for Semantic or Interactive Purposes.Additionally, if you're using an icon to visually re-emphasize or add styling to content already present in your HTML, it does not need to be repeated to an assistive technology-using user. If you're using an icon to add some extra decoration or branding, it does not need to be announced to users as they are navigating your site or app aurally. In short, we try to help with the following cases: We've built-in ways to help technology that supports impairments, like screen readers, either ignore or better understand the Font Awesome icons you're using. That means making sure our icons play well with technology that helps people navigate and use apps and sites.Īccording to this article, there are a potentially surprising number of folks with sight and hearing impairments: Blindness, low vision, and visual impairment represent 8.4% of the total world population and disabling hearing loss represents 5.3% of the total world population. Its important that we create and use them so that they can reach the largest amount of people possible. Icons are symbols that can convey a ton of information and really help people comprehend directions, signs, and interfaces.

Fontawesome about us icon