No Page Regions found per WAVE inspection

Author	« Topic »
midvalleydrifter001 Ecommerce Template Expert USA 936 Posts	Posted - 02/24/2022 : 18:30:39 Using WAVE (web accessibility evaluation tool) on one of my websites it shows that it doesn't possess any page regions. www (DOT) slixprings.com It doesn't see the Header, Navigation, Main, Footer etc.... Any ideas? This format is from a template purchased from ECT. Patrick Edited by - midvalleydrifter001 on 02/24/2022 19:16:33
Vince Administrator 42874 Posts	Posted - 02/25/2022 : 03:44:27 Hi Patrick Yes, those probably do need to be added to the templates but there is no reason you can't add this yourself. Just choose a container around those regions, for instance for the main body content you may have something like... <div id="maincontent"> <!-- #BeginEditable "Body" --> <?php include "vsadmin/inc/incproddetail.php"?> <!-- #EndEditable --> </div> ...and then add the role like this... <div id="maincontent" role="main"> <!-- #BeginEditable "Body" --> <?php include "vsadmin/inc/incproddetail.php"?> <!-- #EndEditable --> </div> And likewise for the navigation, footer, etc. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
midvalleydrifter001 Ecommerce Template Expert USA 936 Posts	Posted - 02/25/2022 : 14:15:05 Thank Vince... That solved that issue. Just a note though: Footer has to listed as role="contentinfo" https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role I tried it as role="footer" and it failed Also Header should be listed as role="banner" Much appreciated Patrick Edited by - midvalleydrifter001 on 02/25/2022 20:04:52
midvalleydrifter001 Ecommerce Template Expert USA 936 Posts	Posted - 02/25/2022 : 20:03:52 The following are giving warning messages: "Tool tips", "Window closing", " +/- symbols to add or subtract items in the cart", "read more links on reviews" "An event handler is present that may not be accessible" I found some info here on tool tips but not sure how to implement it. I'm assuming it would go in the incfunctions file. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role Edited by - midvalleydrifter001 on 02/25/2022 20:37:38
ITZAP Ecommerce Template Guru Australia 1018 Posts	Posted - 02/26/2022 : 16:59:25 I am interested to check my websites for Accessibility compliance. Which WAVE web accessibility evaluation tool are you using? Is the Mozilla developer website your recommended info source for ARIA compliance? Legally, which countries require Accessibility compliance? Regards, Gary
midvalleydrifter001 Ecommerce Template Expert USA 936 Posts	Posted - 02/26/2022 : 17:30:47 Hi Gary, This is the google WAVE extension that I use https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh I also use this website to check each page for compliance. https://www.accessibilitychecker.org/ I don't know which countries require this outside the USA. Patrick
1818charlie ECT Moderator United Kingdom 1198 Posts	Posted - 02/26/2022 : 17:48:53 Hi Gary quote: Legally, which countries require Accessibility compliance? Looking at the map from the link below, quite a few. https://www.3playmedia.com/blog/countries-that-have-adopted-wcag-standards-map/ Cheers Steve Edited by - 1818charlie on 02/26/2022 17:49:56
ITZAP Ecommerce Template Guru Australia 1018 Posts	Posted - 02/26/2022 : 17:54:11 Thanks for the info Patrick and Steve Gary
1818charlie ECT Moderator United Kingdom 1198 Posts	Posted - 02/26/2022 : 18:00:59 Cheers Steve
	« Topic »