Screen reader problem with product page

Author	« Topic »
mrbeanbag New Member USA 82 Posts Pre-sales questions only (More Details...)	Posted - 01/30/2022 : 22:48:53 Vince, https://www.beanbag.com/products.asp?cat=Bean+Bag+Chairs+for+Adults Using Lighthouse under Accessibility under normal web viewing Accessibly says the product image link is the image alt title. However, if you go into screen reader mode, (by hitting a tab key and tabing to the image of a product, because no area-label for the link is set, you loose the product alt title, and a screen reader is told the page title, but then link says cart! <img id="prodimage0" class="prodimage allprodimages" src="prodimages/big-beanbag-robins.jpg" alt="Robins Egg Bean Bag Chairs for Adults" role="presentation"> Also, same thing, if you add a detail button, then you only get an Accessibility title of Detail Link for every product. <input type="button" value="Details" class="ectbutton detaillink" onclick="ectgonoabs('proddetail.asp?prod=Robins-Egg-Big-Beanbag')" data-acsb-clickable="true" data-acsb-navigable="true" data-acsb-now-navigable="true" role="button" aria-label="Details"> In an older version of your shopping cart, I was able to find the code where these 2 codes come from, and I added in incbrodudtbody.asp area-label=""Details about" & (rs(getlangid("pname",1))) "" and this added a unique area-label for each product show on the page. Since I updated to your latest version of ECT, I can not find where to add this.) Without this are=label, it would be very difficult for a blind person using a screen reader to distinguish between one detail button and the next. So the img link and the detail button link need unique area-labels I do believe. Can you help find where to insert my code to add the label. I'm trying hard to get my site 100% Accessible for the lawsuit. Scott
Vince Administrator 42874 Posts	Posted - 01/31/2022 : 05:02:36 Hi Scott This seems like a good thing to add so I've made the changes necessary and added them to the v7.4 updater... https://www.ecommercetemplates.com/updaters.asp 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 82 Posts Pre-sales questions only (More Details...)	Posted - 01/31/2022 : 05:48:36 Wow, your quick. The img links are now perfect... but did you change the detail button see https://www.beanbag.com/products.asp?cat=Bean+Bag+Chairs+for+Adults I only copied the lang files and now everything in the updater.... so maybe I missed something. My Detail button that goes from product.asp to productdetails.asp still is just saying Details for all my product. Could it also be updated to say More Details about PName Sorry for extra mods... but I'm sure this will only make your product better to and help all your customers from experiencing anything like we are with ADA Thanks for the super fast reply on this one Scott
Vince Administrator 42874 Posts	Posted - 01/31/2022 : 06:56:33 Hi Scott quote: I only copied the lang files and now everything in the updater.... so maybe I missed something. you do need the language files, but the main file you need is the incfunctions.php file so make sure that is updated. Also, the changes are in the v7.4 and not the v7.3 updater. quote: Sorry for extra mods... but I'm sure this will only make your product better to and help all your customers from experiencing anything like we are with ADA Sure, I think this will be a plus all round. There were another couple of small changes in the incminicss.php file for ADA too so make sure you do copy all files. 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 82 Posts Pre-sales questions only (More Details...)	Posted - 01/31/2022 : 08:22:58 iM RUNNING asp FILES... DID THOSE GET UPDATED AS WELL? Scott
mrbeanbag New Member USA 82 Posts Pre-sales questions only (More Details...)	Posted - 01/31/2022 : 09:01:41 I updated ASP version and the image linksinclude a description, but the detail button still just says details. https://www.beanbag.com/products.asp?cat=Large+Bean+Bag+Chairs Scott
Vince Administrator 42874 Posts	Posted - 01/31/2022 : 09:34:35 Hi Scott I see what the problem is. Can you get another copy of the updater and copy the incfunctions.asp script to your site again and it should appear. quote: iM RUNNING asp FILES... DID THOSE GET UPDATED AS WELL? It's best to post in the ASP forum in this case. 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 82 Posts Pre-sales questions only (More Details...)	Posted - 01/31/2022 : 10:14:30 I updated again and I cleared my browser history, and detail link is still only showing area-label = Details I'm using lighthouse tool to test and then clicking on the Associability tab to see what it is seeing Scott
mrbeanbag New Member USA 82 Posts Pre-sales questions only (More Details...)	Posted - 01/31/2022 : 10:15:59 div class="detaillink"><input type="button" value="Details" class="ectbutton detaillink" onclick="ectgonoabs('proddetail.asp?prod=110235-Large-Bean-Bag-Mushroom')"></div> </form></div><div class="product 110236-Large-Bean_bag-Putty"> Not getting an area-label of More (Details about pName) Scott
Vince Administrator 42874 Posts	Posted - 01/31/2022 : 13:44:24 Hi Scott Could you send the site FTP login to my email at vince AT ecommercetemplates DOT com and I'll see what is up. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
Vince Administrator 42874 Posts	Posted - 02/01/2022 : 06:19:33 Hi Scott I replaced the incfunctions.asp file with the one from the updater and it's showing now. 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 82 Posts Pre-sales questions only (More Details...)	Posted - 02/01/2022 : 07:48:36 Just checked it out and it works... Awesome. Thank you so much, You're the best. I'm going to try to download a screen reader and test to see if I can actually order start to finish, no mouse and blind-folded to see if this passes the test of being fully Assessable to those with disabilities. Will let you know the results. Again, thanks for the super-fast, amazing service. Scott
mrbeanbag New Member USA 82 Posts Pre-sales questions only (More Details...)	Posted - 02/01/2022 : 11:10:35 Ok, Tested with NVIDA screen reader. Super close, but ran into a few issues Detail list is perfect, works great with reader. However, when you fixed that, we lost the product img info Img now saying "CART" ...Associability now says "Cart" for the product img on both the products.asp page and on cart.asp also Thanks.asp page, the role="main" is too low on page. Screen read jumps to bottom of your invoice or thanks. It could be moved up to <Div class="orderreciept" role="main" and then main content would be the thank you my Johnes for your order to my store. etc. Right now, it jumps main content to footer of invoice. question... any idea on how main content could be updated on cart page... meaning you enter cart, click checkout to go to entering billing, but main content starts back at all your navigation... you have to tab thru everything to get to enter name, then you enter billing and tab checkout for shipping, and again it starts at navigation links, and you have to tab all the way thru back to the place you need to fill out for shipping. I do not know if there is a way to help or change this but would be very helpful to a screen reader to hit checkout and be focused next field to fill out instead of start at first navigation link when the screen changed from 1 to 3 in cart check out process. Scott Scott
mrbeanbag New Member USA 82 Posts Pre-sales questions only (More Details...)	Posted - 02/01/2022 : 11:12:30 Actually img seem ok. computer coachd earlier pages on me. Refhreshed an images ok, but role placement still needs fixed on thanks page Scott
Vince Administrator 42874 Posts	Posted - 02/01/2022 : 12:46:24 Hi Scott quote: Thanks.asp page, the role="main" is too low on page. Screen read jumps to bottom of your invoice or thanks. It could be moved up to <Div class="orderreciept" role="main" and then main content would be the thank you my Johnes for your order to my store. etc. Right now, it jumps main content to footer of invoice. I've made some changes on your site for the thanks page so can you try again and see if it is better now? Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
	« Topic »