Links do not have a discernible name

Tagged: Lighthouse - Links do not have a discernible name - hamburger menu

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 10, 2019 at 6:21 pm #1117519

ThiloKiefer
Participant

Hi Kriesi Team,

Lighthouse in Chrome DevTools reports the following error:
Links do not have a discernible name

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users.

Failing Elements
<span class=”av-hamburger av-hamburger–spin av-js-hamburger”> <span class=”av-hamburger-box”> <span class=”av-hamburger-inner”></span> Menu </span> </span>

How can we fix this issue?

Thanks for your support.

BR
Thilo

July 12, 2019 at 9:18 am #1117980
Ismael
Moderator
Hey ThiloKiefer,

The “Menu” text is hidden by default. If you want to display it back, use the following css code.
```
.av-hamburger strong {
    display: block;
}
```
OR just ignore the lighthouse warning.

Best regards,
Ismael
July 12, 2019 at 10:31 am #1118011

ThiloKiefer
Participant

Hi Ismael,

works perfect for me. ThanX.
No Lighthouse Error for this topic any more :-).

BR

Thilo

July 12, 2019 at 1:22 pm #1118076

Rikard
Moderator

Hi,

Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.