89

Foster inclusive online experience: A guide to enhancing BigCommerce Multi-Storefront WCAG 2.1 accessibility!

By: Skynet Technologies USA LLC
Jan 12, 24
Jan 12, 24
BigCommerce Multi Storefront Accessibility

Ensuring that your BigCommerce Multi-Storefront adheres to the Web Content Accessibility Guidelines (WCAG) 2.1 standards is paramount for creating an inclusive online shopping experience. Leveraging the capabilities of All in One Accessibility can streamline the process and amplify the accessibility features of your BigCommerce multi-storefront.

All in One Accessibility improves online store 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)!

By combining the inherent capabilities of BigCommerce Multi-Storefront with the features offered by All in One Accessibility, you can create a more accessible and inclusive online shopping environment for all users.

Here’s a step-by-step guide to integrate All in One Accessibility into your BigCommerce multi-storefront:

  • Select Multisite plan for BigCommerce multi storefront based on number of domains or storefront.

    BigCommerce Multisite Accessibility
  • Complete the Sign-up Process, in the following example, we have selected Silver plan, so you would be able to add up to 3 domains. If you have more than 3 domains, you can select Gold or Platinum plan which would allow 5 or 10 domains.

    Add required information

    BigCommerce Multi Store Accessibility

    Add Payment Details

    BigCommerce Multi Storefront WCAG Accessibility
  • After Successful Sign up, Add your first website/domain (storefront URL) from the Dashboard. If you want to add more domains, please go to Profile -> Manage Domain -> Add Domain.

    Note: Please add all storefront domain/URL in the dashboard where you want to display the Accessibility widget.

    BigCommerce Multisite WCAG Accessibility
  • There are 2 options to integrate the widget

    • If you are using BigCommerce App

      Go to “Embed Code” and Copy License Key.

      BigCommerce Multi Store WCAG AccessibilityBigCommerce Multi-site key Accessibility
    • Select your storefront from your BigCommerce account.

      BigCommerce Multi website Accessibility
    • Go to the left navigation menu and click on “Apps”, Scroll down the menu to select “All in One Accessibility” App and Click on “All in One Accessibility Settings”

      BigCommerce Multi Storefront Accessibility App

      Now add the License key and Save Changes.

    • Integrate Without using BigCommerce App

      Go to “Embed Code” and Copy

      BigCommerce Multi Store WCAG AccessibilityBigCommerce Multi-site Accessibility
    • Select your storefront from your BigCommerce account.

      BigCommerce Multi website Accessibility
    • Go to the left navigation menu and click on “Storefront.” Scroll down the menu to select “Script Manager” and a new page will open.

      From the Script Manager page, click the “Create a dcript” button and a new page will open.

      BigCommerce Multi Storefront Accessibility Remediation
    • Enter “All in One Accessibility” in “Script Name” and select “Footer” placement option.

      BigCommerce Multisite Accessibility Remediation

      Next, under the heading "Select pages where script will be added" select "All pages."

      Select “Essential” option for the "Script category", and select “Script” for the "Script Type". A text field will open, where you can paste embed code snippet.

      BigCommerce Multi Store Accessibility Remediation
    • Now, Paste the embed code.

      ada scriptBigCommerce Multi Website Accessibility Remediation

      Now, Save the Script and All in One Accessibility widget is ready. Follow the same process or steps for all your storefront.

  • If you want to change Widget Settings like Color, Icon type, Size, and position, then go to All in One Accessibility dashboard under respective domain “Widget settings” and update as per requirements.

    BigCommerce Multi Store WCAG Accessibility Remediation

Reach out if you need any help with the installation or technical assistance!

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.

Regularly monitoring and updating your multisite accessibility measures will contribute to an ongoing commitment to inclusivity. The online 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, and WCAG 2.2 compliance; we provide managed website accessibility remediation and compliance solution including audit, consulting, website remediation, document accessibility remediation, VPAT (Voluntary Product Assessment Template), accessibility conformance report, regular maintenance, monitoring, training, and support. For more information, reach out to [email protected].