WCAG Compiliance problems. - by tasospk - on WordPress WooCommerce support

Hello Again.
Please take a look at the hidden content.
Validators in which our site requires 0 errors are the following two.
https://wave.webaim.org/
https://validator.w3.org/nu/

In most cases I’m able to fix the errors on wave.webaim.org but I get some contrast errors which are not displayed and I’m unable to find them.

On w3 validator on the other hand I’m getting more than 30 errors that are code.

Please note, I’m still working on that website so it still has a lot of demo content.
We’re not looking at errors like alternate text missing which is gonna fixed when I’ll upload our pictures with the correct alt tags etc.
We care about the errors that coming directly from the code.

Let me know if I can do anything else to help and Thank you again.

Edit : After heavy inspecting I was able to solve most errors on wave validator. There are 3 errors on shop page regarding option value but I wasn’t able to solve those by changing the colors on css.

On W3 validator the most errors are related to css parse errors or from color variables.

Thank you Olga for defining those for me.
I was aware about low contrast issues on slider and those are gonna be fixed easily.
As the negative padding which was something experimental.
Thanks for taking time and editing some things.
I’ll contact the elementor team to see if they can help with the errors coming from their builder.

Edit: elementor is pushing an experimental setting which can be found on Elementor —> Settings —-> Expirements with the name Accessibility Improvements after changing that from Default to Active errors that came from elementor gone away. I’m informing you just in case you may need to know that for future references.
Edit 2: Elementor related errors remained on homepage but dissapeared from home page.

I’m attaching a screenshot about those option style issues which I’m unable to fix by css and are everywhere in the shop pages.
https://i.imgur.com/xwTWv0H.png

Are those also coming off elementor?
Those errors are not coming from elementor, they still exist after fixing elementor errors with the
Accessibility settings.

Thanks again for your time and work.

Hey Olga, Thanks again for trying to help.
The problem you highlighted on your previous reply got fixed without me taking any action for it, could be the search as you said but not sure.
The two other errors are related to the “Sorting” menu bar above the products as you can see in the first picture.
Also I Noticed that those errors are not present while using Wave validator to scan from Google chrome, they are present on firefox only.
Would like to fix them on firefox too, because I don’t know which browser is gonna be used to validate the website.
Any ideas?

Pictures album here
https://imgur.com/a/cDfiAj3

Thanks again.

I suspected that it was somehow the border of the selection since its the only thing I wasn’t able to change the color with css.
I did scan again from home this time both with Chrome and with Firefox and I still get them on Firefox could be some firefox glitching but its somekind weird that occurs into the validator.
It’s even weirder that you dont see the mentioned errors even with firefox.
Hopefully nobody will use the validator on firefox.

Hello,
Today I fixed the errors on the revolution slider,so also homepage is error free.
Shop is fixed on Chrome but i still get those 3 errors on Firefox. Hopefully it’s not a problem since It’s probably a FF bug.

There’s only a minor thing that gives me an error.
That error appears only if a product is assigned on more than one category.(picture)
When The product displays only one category there’s no error as you witnessed.

So I believe that the suspect here is the Comma between the categories names.
It’s the only contrast errors I get and besides the demo pictures the only error I get at all.

Edit: I was able to change comma color via css and the errors got away. Just letting you know for future reference since you may need it.

I also getting 3 errors on the Wishlist page, but I guess I have to contact YITH about that matter?
Or you can help with those also?

Thanks again Olga for your help.

Edit2: Honestly it start to get too confusing. I’m now getting a new error related to screen readers both on chrome and on firefox and without making any changes at all.(picture2)