Woodmart compatibility with WCAG 2.0?

Hi,

I would like to ask you if WoodMart theme is compatible with WCAG 2.0 (Web Content Accessibility Guidelines) which are published by the World Wide Web Consortium’s (W3C) Web Accessibility Initiative (WAI). The Web Content Accessibility Guidelines (WCAG) 2.0 provide recommendations for making Web content more accessible.

I forward you below two websites that your theme should pass without issues:

https://wave.webaim.org/ (errors and contrast errors should be 0)

https://achecker.ca/checker/index.php (known and likely problems should be 0)

Have you ever made any tests of your theme on the above websites? I am asking you because currently in my country is running a finance program covered by European union regarding development of new eshops for small/medium retail businesses which has as basic requirement the compatibility with WCAG 2.0.

Waiting for your further reply on this.

Thank you in advance.

Hello,

We haven’t test our theme with the services you provided and can’t guarantee that it will not have any errors there. But we have tested our theme with Google accessibility test and it doesn’t have any issues generated by our theme https://gyazo.com/6a08c3d2ae8dd547ce28fad87c0c3777
As you can see, there are few errors but they are related to our demo website content and can be fixed without customizing our theme.

Kind Regards

Hello Artem,

Could you please inform me if the below errors can be fixed someway on your theme?

1) input element, type of “text”, missing an associated label.

Repair: Add a label element that surrounds the control’s label. Set the “for” attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.

Line 408, Column 6:
<input type=”text” class=”s” placeholder=”Αναζήτηση προϊόντων” value=”” name=”s” / …

Line 408, Column 6:
<input type=”text” class=”s” placeholder=”Αναζήτηση προϊόντων” value=”” name=”s” / …

2) input element, type of “text”, has no text in label.

Repair: Add text to the input element’s associated label that describes the purpose or function of the control.

Line 408, Column 6:
<input type=”text” class=”s” placeholder=”Αναζήτηση προϊόντων” value=”” name=”s” / …

Line 467, Column 6:
<input type=”text” class=”s” placeholder=”Αναζήτηση προϊόντων” value=”” name=”s” / …

3) Label text is empty.

Repair: Add text to the label element.

Error Line 408, Column 6:
<input type=”text” class=”s” placeholder=”Αναζήτηση προϊόντων” value=”” name=”s” / …

Error Line 467, Column 6:
<input type=”text” class=”s” placeholder=”Αναζήτηση προϊόντων” value=”” name=”s” / …

Error Line 1978, Column 2:
<input type=”email” name=”EMAIL” placeholder=”Το email σας” required />

4) i (italic) element used.

Repair: Replace your i elements with em or strong.

Line 137, Column 80:
<i class=”fas fa-envelope”></i>

Line 139, Column 69:
<i class=”fas fa-phone”></i>

and on some other similar elements of the home page with i tags.

The above errors came from my accessibility review (Guidelines: WCAG 2.0 (Level AA)) from the https://achecker.ca/ website.

Thank you in advance!

Hello,

We will fix these particular issues in our theme updates. Sorry, but we don’t have a hotfix for this at the moment.

Regards

[Author]

Posts