VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Thanos on September 04, 2020, 09:59:13 AM

Title: WCAG 2.0 (Level AA)
Post by: Thanos on September 04, 2020, 09:59:13 AM
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.
Title: Re: WCAG 2.0 (Level AA)
Post by: jenkinhill on September 04, 2020, 10:41:03 AM
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.
Title: Re: WCAG 2.0 (Level AA)
Post by: Thanos on September 04, 2020, 22:03:55 PM
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.
Title: Re: WCAG 2.0 (Level AA)
Post by: pinochico on September 04, 2020, 23:25:35 PM
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.
Title: Re: WCAG 2.0 (Level AA)
Post by: Thanos on September 05, 2020, 11:16:33 AM
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...

Title: Re: WCAG 2.0 (Level AA)
Post by: GJC Web Design on September 05, 2020, 11:47:07 AM
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
Title: Re: WCAG 2.0 (Level AA)
Post by: pinochico on September 05, 2020, 13:54:25 PM
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.
Title: Re: WCAG 2.0 (Level AA)
Post by: jenkinhill on September 05, 2020, 18:22:52 PM
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.
Title: Re: WCAG 2.0 (Level AA)
Post by: Studio 42 on September 05, 2020, 19:17:13 PM
<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