Enhance accessibility of your Zen Cart website in just 3 steps!

By: Skynet Technologies USA LLC
8 mins
zen cart web accessibility widget

The internet landscape is changing. For website owners, it is essential to deliver an accessible and seamless user experience by ensuring all visitors including people who are blind, hearing or vision impaired, motor impaired, color blind, dyslexia, cognitive & learning impaired, seizure & epileptic, and with ADHD problems; can see, understand, navigate, and easily use Zen Cart website conveniently!

Kick-start your efforts into improving website accessibility in a cost-effective way with Zen Cart All in One Accessibility - an AI based accessibility solution for quick website accessibility improvements. It allows users to select available accessibility features as per their needs and peruse the content. It improves website accessibility for the standards including ADA, WCAG 2.0, WCAG 2.1, WCAG 2.2, Section 508, Australian DDA, European EAA EN 301 549, UK Equality Act (EA), Israeli Standard 5568, California Unruh, Ontario AODA, Canada ACA, German BITV, France RGAA, Brazilian Inclusion Law (LBI 13.146/2015), Spain UNE 139803:2012, Japan JIS X 8341, Italian Stanca Act, Switzerland DDA, and Austrian Web Accessibility Act (WZG)!

Step wise instruction, How to enable the All in One Accessibility 10 days free trial on your Zen Cart website?

  • Click on this URL https://www.skynettechnologies.com/all-in-one-accessibility. Select “START FREE TRIAL” button as shown in the following screenshot.

    website wcag accessibility
  • Fill out the form with all the details.

    web wcag accessibility widget free trial
  • Select the plan based on your requirements and click on “Continue” for the next step.

    website ada accessibility widget
  • Fill out the following payment details and submit it. You will be auto-charged after 10 days if you do not cancel the free trial subscription plan.

    website ada wcag widget
  • Once the signup is completed you would receive an email notification with widget integration & dashboard access details.

    ada wcag accessibility integration
  • From the dashboard, click on the "Widget Settings" to change the widget icon type, icon size, color, and position based on your website’s look and feel. Enter custom accessibility statement link if required. Include GA measurement ID to track the widget usage.

    ada wcag accessibility integration

Explore the following steps to integrate All in One Accessibility widget as a part of Zen Cart website:

  • To begin, unzip the "allinoneaccessibility.zip" file. Once unzipped, open the "zc_plugins" folder and copy the "allinoneaccessibility" folder.

    ada wcag accessibility integration
  • simply paste the "allinoneaccessibility" folder into your Zen Cart project directory's "zc_plugins" folder.

    ada wcag accessibility integration
  • Now go to the "include" folder of the allinoneaccessibility plugin. And copy the tpl_footer_aioa.php file which is inside your (includes ➝ templates ➝ YOUR_TEMPLATE ➝ common ➝ tpl_footer_aioa.php)

    ada wcag accessibility integration
  • Now paste the tpl_footer_aioa.php file in your Zen cart project includes ➝ templates ➝ <Your Active template theme> ➝ common folder.

    ada wcag accessibility integration
  • Open the tpl_footer file located in your Zen Cart projects includes ➝ templates ➝ <Your Active template theme> ➝ common folder. Then, add the following line at the bottom of the tpl_footer file.

    <?php include($template->get_template_dir('tpl_footer_aioa.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer_aioa.php'); ?>
    ada wcag accessibility integration
  • Move on to the Zen Cart Admin panel and choose the Modules section. From there, select the Plugin Manager option.

    ada wcag accessibility integration
  • Open the Plugin Manager. You will then be able to see the All in One Accessibility Plugin. Click on the Install button to initiate the installation process of the All-in-One Accessibility Plugin.

    ada wcag accessibility integration
  • Now go to Your Zen Cart Storefront You can see the All in One Accessibility Widget

    ada wcag accessibility integration
  • To adjust the color and position of the widget, follow these steps: navigate to the Tools section and select the All in One Accessibility Setting tab.

    ada wcag accessibility integration
  • In this section, you'll see the All in One Accessibility Settings. From here, you have the ability to personalize the color and position of the All in One Accessibility Widget.

    ada wcag accessibility integration

Reach out if you need any help with the installation or technical assistance! We’d love to help!

Report a problem

Skynet Technologies is a proud W3C (World Wide Web Consortium) and IAAP (International Association of Accessibility Professionals) member that help us to be a part of the global accessibility community and stay up to date with compliance guidelines.

The businesses, large enterprises, Federal and state governments, educational institutions and universities who are considering remediating websites with full ADA WCAG 2.0, WCAG 2.1, WCAG 2.2 compliance; we provide managed website accessibility remediation and compliance solution including audit, consulting, website remediation, document accessibility remediation, VPAT accessibility conformance report, regular maintenance, monitoring, training, and support.

If you are looking for enterprise or custom web accessibility solutions, request a free ADA website accessibility remediation quote or email us at [email protected].