Google Page Speed Insights Accessibility Error

Hello @mollyyjane,

We apologize for the delay in our response and the inconvenience you have experienced. Currently, we do not have a feature to add an Aria-Label to that widget. If you want to add it, you will need to manually adjust the code. For example, you can replace the file ../wp-content/plugins/jeg-elementor-kit/class/elements/views/class-off-canvas-view.php with the file at the link below.

File: https://drive.google.com/file/d/1Po6KlBFH-xefm70g5zP8o7Kx30IoSEK0/view?usp=sharing

We have added an Aria-Label with the value Off Canvas Button to the button in the Off-Canvas widget on that file. We will also include this change in the next update of Jeg Elementor Kit, so you do not need to worry about your changes being lost during the update.

We greatly appreciate your message and suggestions. We will await further updates from you.

Thank You

Hello,

I wanted to let you know that I’ve successfully implemented the changes you suggested by replacing the file as instructed. This has resolved the accessibility error and improved my Google Page Speed Insights score as I was hoping.

I appreciate your commitment to including this change in the next update of Jeg Elementor Kit. It’s great to know that these changes won’t be overwritten next update.

Thank you for your reply and for providing a solution that worked!

• This reply was modified 3 months, 3 weeks ago by mollyyjane.

You’re welcome @mollyyjane!

Thank you for letting us know about this, we are very happy to hear that it has improved your Google Page Speed score ??

We may back to you again when we update Jeg Elementor Kit. We would like to remind you to back up all your data before updating the plugin to ensure it can be restored if any issues arise.

If you have any other issues, don’t hesitate to create a new topic!

Thank You!

Thanks a ton for your help!

We stumbled across the same issue on our mobile accessibility score (https://pagespeed.web.dev/analysis/https-velvetfiles-com-services/ru91egenmg). Turns out the ‘Jkit-nav-logo’ (div.jkit-menu-wrapper > div.jkit-nav-identity-panel > div.jkit-nav-site-title > a.jkit-nav-logo) element on mobile screens is having the same “Links do not have a discernible name” issue. Looks like it may be missing that aria-label attribute too.

Any chance you could point me in the right direction for adding the code to this element? I would like to assign an aria-label on the ‘Jkit-nav-logo’, like you did with the Off-Canvas widget.

It’d be awesome to have both the Off-Canvas and Nav-Logo elements working with accessibility to help maintain our score.

Thanks again, we really appreciate all your help.

Hello @mollyyjane,

Thank you for bringing this to our attention. We will review the use of the A tag that has not yet included aria-label.

For the aria-label on the logo in the Nav Menu widget, it is not added by default. However, you can add it by configuring the Menu Link option and adding custom attributes to the URL. For more details, please see the image below.

aria-label|Home

We hope this answer helps.

Thank You

really appreciate the instruction and the image you provided – they were incredibly helpful.

I have to admit, I initially overlooked the custom link option within the mobile menu settings, so your guidance was spot-on.

Thanks to your clear explanation, I’ve been able to successfully add the aria-label to the logo in the Nav Menu widget.

You’re welcome @mollyyjane!

We’re glad you could achieve it ??

If you have any other issues, please don’t hesitate to create a new topic.

Thank You!