News:

Support the VirtueMart project and become a member

Main Menu

WCAG 2.0 (Level AA)

Started by Thanos, September 04, 2020, 09:59:13 AM

Previous topic - Next topic

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

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

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.
www.minijoomla.org  - new portal for Joomla!, Virtuemart and other extensions
XML Easy Feeder - feeds for FB, GMC,.. from products, categories, orders, users, articles, acymailing subscribers and database table
Virtuemart Email Manager - customs email templates
Import products for Virtuemart - from CSV and XML
Rich Snippets - Google Structured Data
VirtueMart Products Extended - Slider with products, show Others bought, Products by CF ID and others filtering products

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

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

pinochico

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.
www.minijoomla.org  - new portal for Joomla!, Virtuemart and other extensions
XML Easy Feeder - feeds for FB, GMC,.. from products, categories, orders, users, articles, acymailing subscribers and database table
Virtuemart Email Manager - customs email templates
Import products for Virtuemart - from CSV and XML
Rich Snippets - Google Structured Data
VirtueMart Products Extended - Slider with products, show Others bought, Products by CF ID and others filtering products

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

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