Mobile menu toggle missing accessible name?

  • Resolved glisky

    (@glisky)


    1 year ago

    Hi! It seems like google page speed insights thinks my mobile menu toggle does not have an accessible name, which google does not like and makes is hard for screen readers to understand what the toggle is for. Is this true and is there any way to fix this, perhaps by adding an aria label somewhere? I am using Elementor and if I use an elementor image widget to display a normal image I can just add the label under “custom attributes” in the image widget. But if I do that here, in the elementor max mega menu widget, google does not think the aria label is in the right place and gives me minus points for that.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support megatom

    (@megatom)

    1 year ago

    Hi glisky,

    It is because there is no ‘open’ or ‘closed’ text specified for your toggle block. You could either add that back in, or remove the Standard Toggle Block and replace it with an Animated Toggle Block – the animated toggle block has an option to set the aria-label attribute.

    Regards,
    Tom

    Thread Starter glisky

    (@glisky)

    1 year ago

    Thank you, that solved it! Both solutions worked. Google Pagespeed Insights (the accessibility part) thought it was okay to add the text in the standard block, even if I made it transparent, just for screen reader accessibility. But I went with the Animated block so I could set the Aria label instead. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile menu toggle missing accessible name?’ is closed to new replies.

  • 2 replies
  • 2 participants
  • Last reply from: glisky
  • Last activity: 1 year ago
  • Status: resolved