accessiBe

accessiBe is a fully-automated web accessibility solution to make your site ADA and WCAG compliant. Their Widget provides the ability for visitors to adapt the display of your site for their needs.�

To integrate accessiBe with your Volusion store, you'll first want to confirm whether your store is configured to use our Site Designer feature or is using our Legacy Design features.�

You can learn more about Site Designer feature and how to gain access to it in our "Upgrading to Site Designer" article.

�

Store's with Site Designer:

In order to setup Accessibe, you'll first need to connect your store to Google Tag Manager. You can learn how by following our setup guide: Google Tag Manager on Site Designer.

Once you have connected your store to Google Tag Manager, you are ready to begin setting up Accessebi for your site.�

1.Visit Accessibe's site and setup an account. They offer a 7 day free trial.

2. After you setup your Accessibe account click the 'Installation' button at the top of the screen.


3. You'll be given a Quick Installation Script, you'll want to save that for later, and then you'll see a 'Tag Manager' button off to the right.

�

4. You'll then be taken to Accessibe's guide for setting up the 'Tag' for Accessibe within Google Tag Manager. After following these steps, you'll see the Accessibe Widget button appear in the lower right corner of your site.�

Store's without Site Designer:

�

Visit accessiBe's site and create your account.

�

Once you have created your account access your site's Admin Page and click the Design tab to open the dropdown menu.

On the dropdown menu, choose File Editor.

On the File Editor page, locate the Theme File in the Shortcuts menu on the right-hand side of the page. Click the link for your sites HTML Theme File to open it.

accessiBe will work wherever you place the code in your template, however, we suggest putting it right before the closing of the body tag, which is always the second line from the end of the file.

accessiBe's installation code can be grabbed from your account on their website (you'll need one if you did not yet sign-up).

�

Paste your accessiBe code into the HTML Theme file above the body closing tag.

�

To finalize your changes and save your code, click the blue Save button at the top right of the HTML file window.

Then the accessiBe AI kicks in and starts analyzing your website to optimize it for blind people's screen-readers and keyboard navigation for the motor-impaired. All-in-all, you can sit back and relax, accessiBe is now doing all the heavy lifting of the accessibility requirements.