Author Topic: WCAG 2.0 (Level AA)  (Read 291 times)

Thanos

  • Beginner
  • *
  • Posts: 11
WCAG 2.0 (Level AA)
« 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.

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27842
  • Always on vacation
    • Jenkin Hill Internet
Re: WCAG 2.0 (Level AA)
« Reply #1 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.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

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

Currently using VM 3.8.4.10335 on Joomla 3.9.21 PHP 7.4.9

Thanos

  • Beginner
  • *
  • Posts: 11
Re: WCAG 2.0 (Level AA)
« Reply #2 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.

pinochico

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 643
    • MiniJoomla
  • Skype Name: support-easysoftware
  • VirtueMart Version: 3
Re: WCAG 2.0 (Level AA)
« Reply #3 on: September 04, 2020, 23:25:35 pm »
Quote
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.
www.minijoomla.org  - new portal for Joomla!, Virtuemart and other extensions
XML Easy Feeder - feeds from products, orders and database table
Virtuemart Email Manager - customs email templates

Thanos

  • Beginner
  • *
  • Posts: 11
Re: WCAG 2.0 (Level AA)
« Reply #4 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...


GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 9777
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: WCAG 2.0 (Level AA)
« Reply #5 on: September 05, 2020, 11:47:07 am »
Quote
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
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 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
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

pinochico

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 643
    • MiniJoomla
  • Skype Name: support-easysoftware
  • VirtueMart Version: 3
Re: WCAG 2.0 (Level AA)
« Reply #6 on: September 05, 2020, 13:54:25 pm »
Quote
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.
www.minijoomla.org  - new portal for Joomla!, Virtuemart and other extensions
XML Easy Feeder - feeds from products, orders and database table
Virtuemart Email Manager - customs email templates

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27842
  • Always on vacation
    • Jenkin Hill Internet
Re: WCAG 2.0 (Level AA)
« Reply #7 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.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

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

Currently using VM 3.8.4.10335 on Joomla 3.9.21 PHP 7.4.9

Studio 42

  • Contributing Developer
  • Sr. Member
  • *
  • Posts: 4362
  • Joomla & Virtuemart developper
    • Studio 42 - Virtuemart & Joomla extentions
  • VirtueMart Version: 2.6 & 3
Re: WCAG 2.0 (Level AA)
« Reply #8 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