WCAG 2.0 (Level AA)

[Thanos]

Good day everyone,

I need to create from scratch a VM e-shop (wholesale food trade) able to pass the Web Accessibility Checker tool of https://achecker.ca/

Any suggestion please?

Thank you.

[jenkinhill]

That web service is 9 years old. Site accessibility is rarely an issue now. Ensure that you use minimal templating with good CSS and you should have no problems.

[Thanos]

Hello and thanks.
Because the official VM demo, (no 3rd party template) came up with 175 known mistakes, I wonder if there's any documentation / tutorial to follow it while create it from scratch.

[pinochico]

I wonder if there's any documentation / tutorial to follow it while create it from scratch.

It is possible to create it, I will appreciate your time.

But demo is only basic template. Who create eshop with basic template? I don't.

[Thanos]

Hello and thanks.

Seems that I have no other option by correct one by one the mistakes on HTML & CSS...  There's also a tutorial here: https://achecker.ca/guideline/view_guideline.php?id=8

For example, lot of known mistakes are like this one: "Check 117: i (italic) element used.
Repair: Replace your i elements with em or strong.
Error Line 416, Column 2:

<i class="icon-search top-icon"></i>"

I should replace to this: <strong class="icon-search top-icon"></strong>.... ONE BY ONE!

Is there any example VM shop out there who the developer pass it through this check tool please?

Most of e-shops can't pass...

[GJC Web Design]

Most of e-shops can't pass...

and you can see why .. loads of work for very little gain

what replacing <i> with <em> has to do with Web Accessibility I don't know..  fine <i> is replaced by <em> in html but imho it makes no difference to usability

but a decent text editor like Notepad++ that can use regular expressions in search/replace will quickly do this particular change .. in fact reg exp wont be needed for this one

[pinochico]

Seems that I have no other option by correct one by one the mistakes on HTML & CSS

I don't think so...

Again: Who use core template VM for eshop?
I don't.
I use custom template and then

<i class="icon-search top-icon"></i>"

I don't have in HTML.

[jenkinhill]

Out of interest I did check a VM page from one of my sites on https://www.webaccessibility.com/  (a more recent facility)

Seven "errors", all template related.

[Studio 42]

<i class="icon-search top-icon"></i> is not important because it's not readable (nothing is inside the <i><:i> tag) by vocal screen reader.
For other customer, the content is not italic, so it's not a problem.
But if you only use a icon, then it's a problem. You have to add a "search" text.
Using such a tool do not solve the real problems, you have to read articles about WGA 2, to do your site compliant