Ensuring accessibility on your website is crucial for both user experience and SEO. One common issue flagged by accessibility checkers is the “Links do not have a discernible name” warning. If you’re using Themify, you may encounter this issue when adding icons as links without proper labels.
In this guide, we’ll explain why this warning occurs and how you can fix it in Themify by adding hidden labels to icons.
Understanding the Issue
When a link does not have a clear text label, screen readers and search engines cannot interpret its purpose. This typically happens when:
- Icons are used as links without accompanying text.
- There is no aria-label or other accessible naming attributes.
For example, if you add an icon link like this:
Adding a back to top button icon withou the lable will be like this when we inspect the code.
Crawlers can not understand the use of this button. to get rid of this we have to add a aria-label or a screen reader text to indicate the use of the icons.
Fixing the Issue in Themify
Step 1: Add a Label to the Icon in Themify
Themify provides an easy way to fix this issue by allowing you to add a label to icons while keeping them visually hidden. Here’s how you can do it:
- Edit the module where you’ve added the icon
- Locate the “Icon” settings.
- Find the “Label” field and enter a descriptive name (e.g., “Back to Top”).
- Enable the “Hide Label” option.
By doing this, the label remains hidden from users but is still accessible to screen readers and search engines.
Step 2: Ensure SEO & Accessibility Compliance
Adding a hidden label ensures:
✅ Screen readers can read and identify the link’s purpose.
✅ Search engines understand the meaning of the icon, improving SEO.
✅ Your website passes accessibility audits without errors.
Final Thoughts
Fixing the “Links do not have a discernible name” warning in Themify is simple yet essential for accessibility and SEO. By adding hidden labels to icons, you improve the user experience for visually impaired visitors and ensure your website is compliant with best practices.
Implement this fix today and enhance both usability and search engine rankings effortlessly! 🚀
Need Help with Your WordPress Website?
At Our WordPress Development Services , we specialize in building custom , accessible, and high-performance websites. We also offer WordPress Maintenance Services to keep your site secure, updated, and optimized for performance.
📞 Get in touch today to improve your WordPress site! 🚀