[Mantu2]

Hi,

I am just trimming my website and Google insights cave me an small notice in Accebility tree. The test failed: Links must have discernible text. header#masthead > div.wrapper > div#mobile-header-left-menu > a#header-left-menu

So basically it is missing some text to bots and AI to use it. How can I fix this? I’m using a child theme.

[minal]

Hello @Mantu2:

Add the following CSS snippets to the additional CSS.

#header-left-menu .mobile-menu-text {
   display: block !important:
}

Go to Dashboard > Appearance > Customizer > Additional CSS then paste your code over there.

Hope it works for you.

Sincerely,

Minal

[Mantu2]

Hi,

I tried this, emptied cache, but nothing changed. I do use multisite, perhaps that have something to do with it?

[Mantu2]

Kinda worked. So. Now the same error came, but for right mobile menu. I can see MENU-text on the left menu, but right menu is missing text. I did add text

 

#header-right-menu .mobile-menu-text {

display: block !important;

 

But didn’t happen a thing.

[minal]

Hello @Mantu2:

Add the following code on your js

document.addEventListener("DOMContentLoaded", function () {
  document.querySelectorAll(".mobile-menu-text").forEach(function (el) {
  const link = el.closest("a");
    if (link && !link.hasAttribute("aria-label")) {
      link.setAttribute("aria-label", el.textContent.trim());
    }
  });
});

Hope it works for you. And if it works, you can remove the CSS we gave you earlier.

Sincerely,
Minal

[Mantu2]

Can you be more accurate which .js should this be put, thanks.

[minal]

Hello @Mantu2:

Sorry for the confusion,

Here is the updated code, and add it to your child theme functions.php

add_action('wp_footer', function () {
?>
	<script>

document.addEventListener("DOMContentLoaded", function () {
 document.querySelectorAll(".mobile-menu-text").forEach(function (el) { 
   const link = el.closest("a"); 
   if (link && !link.hasAttribute("aria-label")) {
     link.setAttribute("aria-label", el.textContent.trim()); 
   }
  });
 });
	</script>
<?php
});

Sincerely,
Minal

[Mantu2]

Thanks, that seemed to work!

[Author]

Posts