Return to previous page

I have an Accessibility Issues related to the menu.

This topic has 20 replies, 2 voices, and was last updated 4 weeks ago ago by Luca Rossi

chilly

Participant

March 13, 2024 at 16:53

Hello, Hope you doing good,

When I run A speed test I get an Accessibility Issue [check image attached].

Please how do I fix this Issue ?

Thank you in advance.

Files is visible for topic creator and
support staff only.

#386818 Copied Theme version: 9.2.8

19 Answers
Luca Rossi

Support staff

March 14, 2024 at 10:10
Dear @chilly,

We hope this message finds you well.

We regret to inform you that there are no available hooks to address the issue you’ve encountered. To resolve this, it will be necessary to make a direct modification to a file within your parent theme.

Please navigate to the following file within your theme’s directory: /wp-content/themes/xstore/framework/walkers.php. Upon reaching line 584, you will encounter the following line of code:
```
$output .= $indent . '<li id="menu-item-' . $item->ID .'"'  . $value . $class_names . '>';
```
Kindly replace it with:
```
$output .= $indent . '<li '  . $value . $class_names . '>';
```
We apologize for any inconvenience this may cause and appreciate your understanding.

Best regards,
The 8Theme Team
#386898 Copied
chilly

Participant

March 15, 2024 at 11:52

Thak you for your answer.

As I checked today its still giving me the same error. As an accessibility Error.

#387077 Copied

Luca Rossi

Support staff

March 15, 2024 at 13:40

Dear @chilly,

We hope this message finds you well.

We are pleased to inform you that the recent changes implemented have been tested and are functioning optimally on our local sites. To ensure that these updates are reflected on your end, we kindly request that you clear all related caches on your website.

Once this has been completed, please proceed to verify the changes on your site.

We appreciate your cooperation and look forward to your confirmation that the updates are successfully visible.

Thank you for your attention to this matter.

Best Regards,
The 8Theme Team

#387098 Copied

chilly

Participant

March 19, 2024 at 16:52

I already did cleared all caches both in CloudFlare and also LiteSpeed Cache. And checked again and again but still showing me the error [check image attached]

Files is visible for topic creator and
support staff only.

#387563 Copied

Luca Rossi

Support staff

March 20, 2024 at 11:51

Dear @chilly,

We are currently in the process of conducting a routine check and have noticed that the credentials for the admin account have been altered. To proceed with our verification, we kindly request that you provide us with the updated account details at your earliest convenience.

We appreciate your prompt attention to this matter and look forward to your response.

Best Regards,
The 8Theme Team

#387649 Copied

chilly

Participant

March 20, 2024 at 12:10

Please check now.

Please contact administrator
for this information.

#387651 Copied

Luca Rossi

Support staff

March 20, 2024 at 14:22

Hi @chilly,

We’ve checked the walkers.php file and we could see that you didn’t update the codes yet:

https://prnt.sc/jCtIjB7O2JKh

Can you follow the previous reply and update: https://www.8theme.com/topic/i-have-an-accessibility-issues-related-to-the-menu/#post-386898?

Best Regards,
The 8Theme Team

#387687 Copied

chilly

Participant

March 20, 2024 at 16:18

No its just because I updated the Theme and Also the plugin. and because of that it shows I did not update it.

I updated it again. Please check now its still giving the same error.

#387703 Copied

Luca Rossi

Support staff

March 21, 2024 at 14:12

Dear @chilly,

We are currently in the process of debugging your website and would like to kindly request that you refrain from changing the password for the temporary administrative account. This will ensure that our work is not interrupted and can proceed smoothly: https://prnt.sc/zWuYAwOCvJNT

Additionally, we have noticed that changes to files are not being reflected promptly, which we suspect may be due to server caching issues. Could you please assist us by purging all existing caches on the website at your earliest convenience?

Your cooperation is greatly appreciated, and we are here to assist with any further questions or concerns you may have.

Best regards,
The 8Theme Team

#387884 Copied

chilly

Participant

March 22, 2024 at 10:58

We had some problrms with the website so we transfered to another server. And to be honest this took a lot of time. you guys took you more than 24h just to not check !

Please contact administrator
for this information.

#388067 Copied
Luca Rossi

Support staff

March 22, 2024 at 14:56
Hi @chilly,

Reply times can vary from time to time and be up to 24 hours Monday – Friday and up to 48 hours on weekends, Sat-Sun. But is usually faster than that.

Please take a look at this file again: https://www.candy***.com/wp-admin/theme-editor.php?file=framework%2Fwalkers.php&theme=xstore

– On the line 266, find this code:
```
		$output .= $indent . '<li id="menu-item-' . $item->ID .'"'  . $value . $class_names . '>';
```
– And change to this:
```
		$output .= $indent . '<li '  . $value . $class_names . '>';
```
After that clear all the caches on your website(server cache, plugin cache, …).

Please let us know when you’re done.

Thank you!
#388119 Copied
chilly

Participant

March 22, 2024 at 16:31
Im not sure what is this file https://www.candy%2A%2A%2A.com/wp-admin/theme-editor.php?file=framework%2Fwalkers.php&theme=xstore
```
Do you mean https://www.candy%2A%2A%2A.com/wp-admin/theme-editor.php file ? if so I did not find the line of code 		$output .= $indent . '<li id="menu-item-' . $item->ID .'"'  . $value . $class_names . '>';
in lite 266
```
Are you sure you provided me with the right file I should edite ?
#388150 Copied
Luca Rossi

Support staff

March 23, 2024 at 07:16
Hi @chilly,

That’s actually this file: /wp-content/themes/xstore/framework/walkers.php line 266. For faster changing, we’ve sent you link of that file.
```
$output .= $indent . '<li id="menu-item-' . $item->ID .'"'  . $value . $class_names . '>';
```
The correct URL we put in private content area.

Best regards,
The 8Theme Team

Please contact administrator
for this information.
#388180 Copied
chilly

Participant

March 25, 2024 at 15:26

Thank you for your replay. it fixed some issues but I’m still getting this error regarding other elements in the menu. [check image attached.]

Files is visible for topic creator and
support staff only.

#388529 Copied

Luca Rossi

Support staff

March 26, 2024 at 04:32

Dear @chilly,

We would like to inquire about the specific page where you are encountering the errors mentioned. Could you kindly provide us with this information?

It appears that the issues may be associated with the contrast between the text and background colors, which we will need to address accordingly.

Thank you for your cooperation.

Best regards,
The 8Theme Team

#388602 Copied

chilly

Participant

March 26, 2024 at 13:46

This problem is happening in all of the pages. here is a new test from webpagetest.org https://www.webpagetest.org/result/240326_BiDcK9_A52/3/experiments/#Quick

And the same error in the home page if you do a test as you can see in here [check image attached]

I hope you guys fix this problem as this conversation took too long its been more than 2 weeks now and the problem not fixed. I hope you will give me a clear answer this time.

Files is visible for topic creator and
support staff only.

#388686 Copied

Luca Rossi

Support staff

March 26, 2024 at 15:11

Hi @chilly,

1. For the multiple ID attributes, we couldn’t reproduce this issue on your website.

https://prnt.sc/2FYrMdmchMZF

Please visit this link: view-source:https://candyhype.com/

And search this text: et_b-header-search-input-

You will not see the duplicate.

2. For the high contrast issue, it’s related to the color you choose not the XStore theme issues:

https://prnt.sc/hfojS-TgXIyt

Fix any of the following: Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 11.5pt (15.4px), font weight: normal). Expected contrast ratio of 4.5:1Home
Fix any of the following: Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 11.5pt (15.4px), font weight: normal). Expected contrast ratio of 4.5:1Chocolate

– Please change the color of breadcrumb to black.

Fix any of the following: Element has insufficient color contrast of 4.3 (foreground color: #3b8b02, background color: #ffffff, font size: 16.8pt (22.4px), font weight: normal). Expected contrast ratio of 4.5:1£1.29
Fix any of the following: Element has insufficient color contrast of 2.45 (foreground color: #ffffff, background color: #01be69, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

– Please change the price & add-to-cart button to another color.

Best regards,
The 8Theme Team

#388694 Copied

chilly

Participant

March 29, 2024 at 12:45

As you suggested I have already changed what it needs to be changed but still I can find that this accessibilty issue shows in speed tests.

Hope you give me a final solution or at least tell me what exatly needs to be changed and where and how.

Thank you in advanced.

#389100 Copied

Luca Rossi

Support staff

March 29, 2024 at 13:47

Dear @chilly,

Greetings.

We regret to inform you that the high contrast issues you are experiencing do not originate from our XStore theme. As such, we are unable to provide a direct solution within the scope of our theme’s support.

Should the problem persist and you find yourself unable to resolve it, we kindly recommend engaging the services of a professional developer for further assistance.

We appreciate your understanding and are here for any other queries related to our theme.

Best Regards,
The 8Theme Team

#389116 Copied
Tagged: fix woocommerce menu accessibility, menu accessibility issues wordpress, resolve woocommerce menu issues, woocommerce themes menu problems, wordpress accessibility improvement, wordpress theme accessibility solutions, wordpress woocommerce themes accessibility
Viewing 20 results - 1 through 20 (of 20 total)