Vince,

I'm still testing away to make your software the best... ADA compliant.

I am now seeing a flag on the qty box in the cart. Screen readers just get told generic text box.
generic
generic
generic
LayoutTable


Labels ensure that form controls are announced properly by assistive technologies, like screen readers. Learn more.



Scott

Hi Scott

quote:

---

I am now seeing a flag on the qty box in the cart. Screen readers just get told generic text box.
generic
generic
generic
LayoutTable

---

I've added a label to the Quantity box now.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

I'm impressed!

You're really knocking out this ADA stuff.

Will this be in the normal version, or the Beta version, or both.

Do I update again? Which one?

I was trying the beta to see if radio buttons are ADA WCAG 2.1 working

Scott

Yes Vince is making great progress on these.

There are still a few things left....

One is stating that the radio buttons are not enclosed in a field set. (This may or may not need to be done though.)

Also some Layout table warnings in the mini shopping cart and login sections. (Again... not sure if this needed to be addressed)

Patrick

Hi Scott

quote:

---

Will this be in the normal version, or the Beta version, or both.

Do I update again? Which one?

---

Since the release of v7.4.7 this is all now in the regular version. Can you all update fully to that version as there have been a couple of other changes. Then let me know if there are problems.

quote:

---

One is stating that the radio buttons are not enclosed in a field set. (This may or may not need to be done though.)

---

The radio buttons are now in a group with a role=radiogroup and I really don't see that it has to be a fieldset.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Yes Vince... I have the latest update and I'm sure you are correct on that about the radio buttons.

Patrick

Vince,

Just updated my site and tested the changes. Awesome.

3 issues.....
I have will pick up free as an option at checkout, Accessibility shows that as generic. No deprescription of what a person is checking there

Also, I really like how the errors pop up a message and tell a user they forgot their zip code, etc. Great for a sighted person.
but (and I had to have to bring this up, but this is the way the USA is going with ADA rules) If I am blind, and forget to enter my zip code, I don't know how I would know as page seems to take me back to the beginning when the error comes up. Should it take you to the error message so a screen reader would announce the message. I don't know enough about screen readers to know how they should handle a missing required form field.
I looked up the guidelines and they say this
See https://www.w3.org/WAI/tutorials/forms/validation/

Unfortunately, looks like a little tweaking might be needed going forward on error messages at check out.

Last, looks like required fileds much be announced.
The aria-required attribute informs assistive technologies about required controls so that they are appropriately announced to the users



Scott

Hi Patrick

quote:

---

Also some Layout table warnings in the mini shopping cart and login sections. (Again... not sure if this needed to be addressed)

---

Would it be better maybe to use the Mini CSS rather than the old MiniCart and MiniLogin includes? Previously the Mini CSS was a Premium Feature, but for a long while now they have been included as standard in the updater. At some point the old MiniCart and MiniLogin will be removed altogether so it's not really worth updating them with new features.

<?php
$minicssaction="minicart";
include "vsadmin/inc/incminicss.php";
?>

And you can set that $minicssaction to ...

$minicssaction="contactus";
$minicssaction="minilogin";
$minicssaction="minisignup";
$minicssaction="onelineminilogin";

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Hi Scott

quote:

---

I have will pick up free as an option at checkout, Accessibility shows that as generic. No deprescription of what a person is checking there

---

I did try this but it checked out ok for me. Can you give more details or an example maybe on your test site?

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

I will give it a good test run with a screen reader and keyboard commands this weekend. Will let you know what I find.

In last night's testing, seems Billing info handles errors differently than shipping error. Billing seems great. Shipping I think I had some issues, but again, I will test this weekend and report back to you.


Scott

I found that the Shipping section in inccart needs something like this added

if(@$GLOBALS['usefirstlastname']){
print '<input type="text" name="sordname" class="cdformsmfixw ecttextinput cdformname" id="sordname" value="' . htmlspecials(@$ordShipName) . '" placeholder="' . stripnspecials($GLOBALS['xxFirNam']) . '" autocomplete="given-name" /> <input type="text" name="slastname" id="slastname"class="cdformsmfixw ecttextinput cdformlastname" value="' . htmlspecials(@$ordLastName) . '" placeholder="' . stripnspecials($GLOBALS['xxLasNam']) . '" aria-label="' . stripnspecials($GLOBALS['xxLasNam']) . '" autocomplete="family-name" />';
}else

Vince,

I will get those changes made.

Thank for that

$minicssaction="contactus";
$minicssaction="minilogin";
$minicssaction="minisignup";
$minicssaction="onelineminilogin";

Hi all
There are a lot more changes in the updater including the changes for the customer details section of checkout adding "aria-required" when necessary.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Lots of good updates here Vince. Thanks

I do have two more Errors in the cart during checkout.

Relating to "Please select US State" drop down. Error: Missing form label.

This is in the "Billing" and "Ship to a different address" section.

Patrick

Also noticed that "reCAPTCHA" errors with a missing form label on the "Contact Us", Ask a Question" and "Email Friend"

Patrick

In using all keyboard controls to order, I did run into an unusual instance in the cart.

On the cart page, when you want to go ahead and checkout, the enter key does not work.

You have to hit a space bar to get to the next page where you enter name and address. The rest of the cart seems ok.. as to go from name and address to shipping, the enter key wotks fine. It just is not working on checkout from cart to name and address screen.

Thanks so much for all these great updates.
I'm using Google Lighthouse and Siteinprove see https://siteimprove.com/en/accessibility-website-checker/
and with your changes and work on my end, I've gone from a 67% accessible to now 100% on all my pages

Scott

Hi Scott

quote:

---

On the cart page, when you want to go ahead and checkout, the enter key does not work.

---

Ok, I'll look into this today.

quote:

---

with your changes and work on my end, I've gone from a 67% accessible to now 100% on all my pages

---

That's great to hear Scott. Can I just point out though that there is an important hotfix in the incfunctions.php file. The problem was that sometimes the "aria-label" wasn't cleared so could appear on form controls to which it didn't apply. This wouldn't necessarily flag an issue in lighthouse etc but would be confusing to someone using a screen reader so it's an important fix.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

quote:

---

On the cart page, when you want to go ahead and checkout, the enter key does not work.

---

There is a change now in the inccart.php script for this so that when you are focused on the checkout button and click enter it will checkout.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Are the latest improvements on the updater page, (ASP) or are they somewhere else. I'm on 7.4.7 now. But you just said you made a lot of changes so I want to get ahold of those from ya.

Scott

Hi Scott
The changes are now in the updater so just get a new copy of v7.4.7 and apply that to your site.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

I just applied the update, and I am still not getting the checkout button to work between cart and where you enter your address. I tried it in Google Chrome and in Bing. Neither will accept an enter to go to enter address screen... must use the mouse to continue.

Also, when looking at product options, in Bing, I can open the drop down for option with the spacebar and choose my option. However, with Google Chrome, I can't seem to do anything with the drop down or the radio button with keyboard commands so you cannot choose the option with keyboard controls.

Third, now that I up-dated, radio button options were showing accessibility option name, but now reader and developer under accessibility are not showing the radio option name, just
aria-labelledby: Not specified
aria-label: Not specified
title: Not specified
Role: generic

Should I be using the beta or the latest changes to 7.4.7?
Hi Scott
I've spent a few hours on this with Lighthouse and the WebAIM WAVE tool and have made quite a few changes based on the recommendations. You can get the Beta here...
https://www.ecommercetemplates.com/updaters.asp?betas=true


4th, at checkout when selecting Payment method, in Bing I can switch to other choices with the arrow keys, but Chrome you tab to first payment choice and cannot get to any other without the mouse input

Scott