Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 General
 Design issues
 Radio Buttons Not Accessible
Author « Topic »  

mrbeanbag
New Member

USA
54 Posts

Pre-sales questions only
(More Details...)

Posted - 02/09/2022 :  21:21:26  
Vince,

In checking out your sample store under drill bits, radio buttons, they are not accessible. They do not tell a blind user what the option is, but rather is defaults to the product name then the option.

RootWebArea "ECT premium store: Drill Bit Pointy, Drill Bits, DrillBit01"
generic
generic
Section
generic
radio
generic
StaticText "Pack of 3"

This should say the option name, in this case "Saver Pack" then Pack of 3.

Drop down list seem to work and be accessible, but radio button are not currently.
As here is the computer which has a drop down box
ea "ECT premium store: Build Your Own, Desktop PCs, pc001"
generic
generic
Section
generic
combobox "Monitor"
MenuListPopup
menuitem "Please Select..."
menuitem "15" Standard"
menuitem "17" Trinitron (+$22.00)"
menuitem "19" Flatron (+$75.00)"
menuitem "21" Supertron (+$185.0

Tells me this is a Monitor with 4 choices, where radio button just says Product name, no Option name and then just the color

Tested with Chrome Lighthouse under Accessible

Scott

Vince
Administrator

41825 Posts

Posted - 02/10/2022 :  04:37:01  
Hi Scott
I've made the changes that I think will sort this out. But as the changes are getting a bit more involved now, would you be able to get these from the Beta version now? If so I'll add them to the Beta and let you know how to access it.
Another question, the change we made for the thanks page adding the role="main" tag . . . would that need to be added to all pages? It seems logical if it's necessary on the thanks page.

Vince

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

mrbeanbag
New Member

USA
54 Posts

Pre-sales questions only
(More Details...)

Posted - 02/10/2022 :  07:27:31  
Yes, adding the main would ideal.

According to what I'm learning on ADA WCAG2.1
And seeing on many of the sample pages I'm looking at they
the following sections

Skip to role=Main
Skip to Navigation role=Nav
Skip to Footer role=footer

Applying the ADA widget from Accessibe or Userway overlays a hidden skip menu that pops up when you hit tab and allows the user of a keyboard or screen reader to tab to those 3 main sections.

Scott

Vince
Administrator

41825 Posts

Posted - 02/10/2022 :  10:11:04  
Hi Scott
I've spent a few hours on this with Lighthouse and teh 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

You will need all files now and to also run the updatestore.asp/php script in your browser.

Regarding the role="main" I've been having a think about that and I think the best way to handle this really is in the template. That is, whatever the container is around the "body" editable region, add the role to that. For instance in once template this would be...

<div class="product_listing"> <!-- #BeginEditable "body" --> Content <!-- #EndEditable --> </div>

So just add the role there like this...

<div class="product_listing" role="main"> <!-- #BeginEditable "body" --> Content <!-- #EndEditable --> </div>

The reason is that there isn't a single container in each page that I can add this to.

Any problems just let me know.

Vince

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

mrbeanbag
New Member

USA
54 Posts

Pre-sales questions only
(More Details...)

Posted - 03/10/2022 :  07:06:45  
Are these changes in the7.4.7 changes or only in the beta. I installed 7.4.7 to pick up all your other fixes but now radio buttons have no aria-labels at all.

Scott

Vince
Administrator

41825 Posts

Posted - 03/10/2022 :  07:51:19  
Hi Scott
The radio buttons don't have an aria-label as they have a <label for="xxx"> where the xxx designates what object the label is for.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000