Return to previous page

Accessibility issues - by giannis - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 3 years, 11 months ago ago by Olga Barlow

giannis

Participant

February 26, 2021 at 14:43

hello there
i am having some isues regarding accessibility
1 i am trying to find how to change the <i class store icons to em or strong so they can be wcag compatible.. maybe i could add arria hidden globaly for them to work but would appreciate an easy fic on that — Replace your i elements with em or strong.
2) i am getting an duplicate id probably has to do with menu is there a workaround ? –Modify the id attribute value so it is unique.
3) another question is that when i use the child theme more accessibility issues occur which is kind of strange
4) i am also getting an issue with alt images missing in another site when i use brands carousel img class="swiper-lazy" data-src="https:/ — Add an alt attribute to your img element.
5)i also get a select element missing an associated label for my search <select style="max-width: calc(122px + 1.4em)" name='product_cat'it surely haw to do with the side categories before search input
look forward to your reply

#276727 Copied Theme version: 7.2 WooCommerce version: 5.0.0

6 Answers

Rose Tyler

Support staff

February 28, 2021 at 09:34

Hello,

Where you can see that issues? Provide some screenshots and temporary wp-admin access.

Regards

#276922 Copied

giannis

Participant

March 1, 2021 at 08:38

using achecker.ca providing the wp-admin

Please contact administrator
for this information.

#277033 Copied

giannis

Participant

March 1, 2021 at 08:53

Accessibility Review (Guidelines: WCAG 2.0 (Level AA))

Known Problems(3)Likely Problems (0)Potential Problems (478)HTML ValidationCSS Validation

1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

Success Criteria 1.4.4 Resize text (AA)

Check 117: i (italic) element used.
Repair: Replace your i elements with em or strong.
Error Line 525, Column 25:

Please contact administrator
for this information.

#277036 Copied

Olga Barlow

Support staff

March 1, 2021 at 14:03

Hello,

To fix the menu id issue go to Appearance > Menus > create mobile menu and add items you want to show there https://prnt.sc/10acs0q Choose this menu in the Theme Options > Header builder > Mobile menu https://gyazo.com/d49a826fc842fc0dcfa6d0758577b68f

Did you add alt text for your brand images in the image settings?

Regards

#277111 Copied

giannis

Participant

March 2, 2021 at 07:41

Ty for the guidance on duplicate id
1. What is strange i am having alt text in all images but i get alt text missing when swiper lazy class and data src is being used
2.the issue with xstore icons remains where can we edit them . Adding an extra aria hidden may help . Another suggestion why we are getting replace i class with em or strong
3. Did you find out why am i having a label missing in search input when categories are present? Can we place a search label to the categories next to the search input ?

#277260 Copied

Olga Barlow

Support staff

March 3, 2021 at 12:49

Hello,

We can’t check your site using achecker.ca it gives the error https://gyazo.com/d6859c5eb3824a989dda625e0d3f8cb0
I checked your site using https://wave.webaim.org/ and don’t see the errors https://prnt.sc/10c30qc
Alt attributes are ok for the images https://prnt.sc/10c378c

Regards

#277537 Copied
Viewing 7 results - 1 through 7 (of 7 total)