top of page

Accessiway Widget

A more accessible experience, personalized for every user.

The Accessiway widget improves usability through two integrated components: an AI Engine that optimizes your site’s structure, and an Accessibility Interface that lets users tailor their experience to their needs.

We helped over 2000 brand leaders sleep at night.

Accessibility support, built directly into your website.

Sustainable accessibility requires structured evaluation and long-term strategy.

The Accessiway widget enhances your website’s accessibility through two integrated technologies:

A clear report of issues, prioritised by severity

Accessibility Interface 

The accessibility interface provides end users with visual and functional customization options. Visitors can adjust contrast, text size, spacing, and simplified reading settings to tailor navigation to their individual needs.  


Continuous optimization 

The widget runs continuously and improves over time. It is easy to implement and fully customizable to align with your brand identity.

The widget doesn't make your site fully compliant on its own. It's a meaningful first step toward digital accessibility.

Support directly in the user's hands

Give users the ability to adjust their experience in ways that work for them, without delay.

A more adaptable experience supports a wider range of needs.

Usability affects experience and trust.

Demonstrate a visible commitment to inclusion, and your broader strategy by building long-term capability.

The Accessiway widget gives users immediate control over how they interact with your website by enhancing usability in real time.

When users cannot adapt your website to their needs:

Navigation becomes difficult

Friction increases

Content becomes harder to consume

Engagement drops

When users can adapt the experience:

Users can interact with greater independence

Accessibility becomes visible and actionable

Customer satisfaction improves

The experience supports a wider range of users

A practical step toward compliance and better usability.

Simple integration, continuous optimization.

1

​

Lightweight Installation

The widget is installed via a simple integration, with minimal impact on performance or infrastructure.

2

​

AI-Powered Analysis

The AI engine scans and enhances your site’s structure, identifying areas where accessibility can be improved.

3

​

Real-Time User Controls

The accessibility interface allows users to personalize visual and functional settings based on their needs.

4

​

Ongoing Improvement

The system runs continuously and evolves over time, adapting to changes in your website.

5

​

Strategic Alignment

The widget integrates into our broader solutions, ensuring it supports audits and remediation.

Continuous user empowerment keeps digital experiences inclusive.

We don’t treat accessibility as a checkbox

We combine technology, certified expertise, and lived experience to help you build long-term capability, not just pass an assessment.

We’re here to help you create digital experiences that welcome everyone.

Industry-recognized expertise

Our specialists hold certifications aligned with international accessibility standards.

Human insight

We don’t just consult on disability, our team is made up of experts who live it.

European presence

With expert hubs across Europe, we support organizations operating in multiple markets and regulatory environments.

2000+

Organizations supported

From finance to retail, we help global brands remove complex digital barriers and build accessible systems that last.

Common questions, short answers.

We’re here to make accessibility simple.

  1. Log in to your Google Tag Manager account with your account email address and password

  2. In workspace, select Tags from the menu and then select New.

  3. Change the tag name to Accessiway - Pixel or a similar name and select Tag Configuration.

  4. On the right-hand menu, scroll down and select Custom HTML

  5. In the blank HTML field, paste the installation code that you received from us via email.

  6. Click this button or the edit icon on the right. In the new window that opens, select All pages

  7. Select Save.

  8. Select Submit.

  9. Select Publish.

  1. Once you are logged in to the site management area, click on Online Store in the bottom left menu and then click on Themes

  2. Click on the Actions drop-down menu and then on Edit Code

  3. Select Layout and then select theme.liquid

  4. Just before the closing body tag, paste in the implementation script that you received from us via email.

  1. In the website editor, click on the menu icon in the top left corner

  2. Click on Head Code

  3. In the empty field Site Header Code, paste the implementation script you received from us via email

The following guide is compatible with in Drupal 7 and later versions.

  1. Download and install the asset_injector module at this link

    1. We recommend downloading the latest version of the module available, which can be found at the bottom of the page under Releases

  2. Once you have installed the module, go to Configuration > Development > Asset Injector > JS Injector

  3. Insert the Accessiway widget script, removing the opening and closing script tags

  1. In your Hubspot dashboard, select the Settings icon in the top right corner

  2. On the left navigation menu select Website and then select Pages.

  3. In the Templates page, scroll down to Site footer HTML and paste the installation code you received from us via email.

  1. Login to your Wix dashboard.

  2. Go to Settings in your site's dashboard.

  3. Scroll down to the Advanced panel, and select Custom Code

  4. Select +Add Custom Code and paste the installation code that you received from us via email

  5. Enter a name for your code

  6. Under Add Code to Pages, select All Pages (so that the entire site will be made accessible).

  7. In the Choose specific pages dropdown select Load code on each new page.

  8. In the Place Code in dropdown select Body - end and then select Apply

  1. In your BigCommerce dashboard, select Storefront

  2. Select Script Manager and then click Create a script

  3. Add a name for the script and a description (of your choice)

  4. Select the following:

    1. Placement: select Footer

    2. Location: select All pages

    3. Script category: select Essential

    4. Script type: select Script

  5. In the Script contents field, paste the installation code you received from us via email

  6. After pasting the script, select Save

To install Accessiway Widget, if your website is integrated into the Joomla system, you must implement our installation script directly in the code of your site, just before the body end tag body, via the management system or FTP.

  1. Create your Javascript file

  2. Add your custom code in a file called mycustom.js

  3. Upload that file to your site

    1. For example, we will upload the file to our template, but it could be anywhere: templates/mytemplate/js/mycustom.js

  4. Install the ADD CUSTOM JS plugin

  5. Go to the extensions page, search for Add Custom JS and click on the download button

  6. The zip file you downloaded must be unzipped to discover the installers. You will see two folders containing a module and a plugin. In this case, we use the plugin (addcustomjavascript.zip)

  7. Login to your Joomla administrator area and go to Extensions > Manage

  8. Click on Upload a Package File and look for the file addcustomjavascript.zip

  9. Click the Upload and install button

  10. Setting up the plugin: Go to Extensions > Plugins and search for System - Add Custom Javascript

  11. Open the plugin for editing

  12. the option Custom Javascript File Path, enter the path to your javascript file

    1. In this example, we have chosen: templates/mytemplate/js/mycustom.js

  13. Enable the plugin

  14. Choose Order last from the Ordering option

  15. Click the Save and Close button

  16. Check the result

  17. Refresh your site to confirm that your custom Javascript code is loaded

If you are using a popular CMS or website builder, we probably have a dedicated guide for you. Otherwise, you can follow these steps to easily install Accessiway:

  1. Copy and paste the script you received by email.

  2. Access your website builder and paste the code into the footers menu of your website, or place it just before the body end tag body.

  1. Log into Squarespace and in the Dashboard select your website

  2. In the menu go to Website > Pages > Custom Code > Code Injection

  3. In the Footer text box, paste the installation code that you received from us via email

  4. After pasting the code, select Save in the upper left

  1. Open the Weebly editor and select Settings

  2. In the left navigation menu select SEO

  3. Enter a Site Description

  4. Under Footer Code, paste the installation code that you received from us via email

  5. Select Save

  6. Select Publish in the top right corner

  1. Download, install and activate a plugin for inserting Headers and Footers (e.g. "Insert Headers and Footers" or "Head, Footer and Post Injections")

  2. Once the plugin has been activated, access the interface by going to the Settings menu, where you will find an entry dedicated to the plugin

  3. In the empty Footer box, paste the implementation script you received from us via email

  4. After pasting the code, click Save and publish your site to make the changes

No. The widget complements accessibility efforts but does not replace proper accessibility implementation. It works best when used alongside accessibility audits, remediation, and inclusive design practices.

  1. The Dashboard, in the menu click on Design and select the option File Editor

  2. Within the File Editor, you will find a list of editable files on the right-hand side under the title Shortcuts

  3. The first title of the Theme Files, which is always the active template of your HTML file, always starts with template_ and ends with .html

  4. Once located, simply click on it, and you will be asked, with a text editor, to edit the HTML code of your template

    1. N.B: If you have changed templates, you should find a selection box at the top left of the page, in which you can search for other templates installed on your website, and install Accessiway on those as well. Accessiway will work wherever you place the code within your template. However, we suggest putting it right before the closing body body tag, which is always the second-to-last line of the file

  5. In the dedicated area, paste the implementation script that you received from us when you registered your site on our service

  1. Login to your Webflow dashboard and select Settings on the website where you want to install accessWidget.

  2. Go to Custom Code

  3. Scroll down to Footer Code and paste the installation code that you received from us via email

  4. After pasting in the code, click on Save Changes and publish your site for the changes to take effect

The widget is designed to load efficiently and operate without significantly affecting website performance or page speed.

Still have questions? Our team is here for you.

Start improving accessibility today.

bottom of page