Links do not have a discernible name
"Links do not have a discernible name" essentially, means that your webpage has links that do not have a discernible name, which can make it difficult for users, especially those using screen readers, to understand where the links lead.
How to fix it
The solution is to give your links a discernible name. Here's how:
Step 1: Identify Links Without Discernible Names
First, you need to identify the links that do not have discernible names. You can use Chrome DevTools for this. Open DevTools, go to the 'Elements' tab, and look for <a> tags in your HTML that do not have discernible text.
Step 2: Give Links a Discernible Name
Once you've identified the links without discernible names, you need to give them a discernible name. This should be a brief description of where the link leads or what it does.
<!-- Before --> <a href="https://example.com"><img src="logo.png"></a> <!-- After --> <a href="https://example.com"><img src="logo.png" alt="Visit Example.com"></a>
In this example, we've given a link a discernible name by adding an alt attribute to the image inside the link.
Step 3: Test Your Changes
For an even better solution, consider testing your changes to make sure they don't break any functionality. This can help ensure that your site still works as expected with the discernible link names.