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.
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.
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.
QuoteI 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.
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...
QuoteMost 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
QuoteSeems 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.
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.
<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