How can I add alternate text to links enclosing font-awesome icons?

Defining Custom Aria-Label Values for font-awesome Icons

Non image icons such as font awesome are frequently used inside links without link text. Either a title or aria-label attribute must be used to provide alternate text. The WP ADA Compliance plugin will add aria-label attributes to these links when possible. Conversion will take place based on settings defined under Web Accessibility > Settings.  To define font-awesome conversions enter a list of icons to convert. Place each icon on a new line. Begin with the icon class “fa-open” followed by an equal sign “=” and then the alternate text “Screen Reader Text”. An example is provided below. Note: links with the class no-title-convert will not be converted. 

Define Font awesome link conversion example

For example: 

fa-close=Close

When encountered 

<a href="#" ><i class="fa fa-close"></i></a> 

becomes 

<a href="#" aria-label="Close"><i class="fa fa-close"></i></a>

Similar Posts

  • Using Simple History to troubleshoot plugin errors

    If you are experiencing issues during license key activation or server errors caused by the WP ADA Compliance plugin complete the following steps before contacting us for support: Install the free Simple History plugin Complete the steps that are know to cause the issues From your WordPress dashboard, select Home > Simple History In the…

  • Artificial Intelligence (AI) detects and corrects many issues automatically.

    Artificial Intelligence (AI) built into the WP ADA Compliance Check Plugin detects and corrects many issue automatically. Developers can use the custom content filter hook to correct issues in plugin and theme content that would normally be difficult or impossible to resolve. Included content filters: Notifies users when a link opens a new window, PDF…

  • Elementor ADA Compliance

    Elementor is a popular WordPress page builder plugin. It is not limited to page design only, but allows you to build your entire websites. Any part of a WordPress theme can be edited and customized. By using the Elementor editor to drag and drop widgets onto your page, you can a save time, work more…

Accessibility Tools
hide