Download for Google Chrome (opens in a new tab)
Download for Edge (opens in a new tab)
Download for Firefox (opens in a new tab)Newsletter
New laws and deadlines, court rulings, enforcement and WCAG changes. A short summary once a week, and an e-mail straight away when something important happens. Unsubscribe at any time.
The accessibility widget on your Webflow site: you paste the script into the Footer Code field.
Code to paste, nothing to install
The integration is a script with your site token. Pasted into the settings of one page (Settings → Custom Code → Footer Code), it works on that page only. For the widget on the whole site, paste it into the site settings, in the Custom Code section, in Footer Code. The change works once the site is published.
Visitors open the widget with its button and adjust the page to their needs:
The code carries only the site token. The widget's look, the accessibility options and the accessibility statement are set in your DockAccess account, so changing them never means editing the code again.
The widget collects no personal data of visitors. Only the IP address and the user agent are recorded to count views.
Copy the site token from My sites in your DockAccess account and paste it below. No site yet? Add one.
The code in the next steps fills in with this token.
In Webflow, open the list of pages, click the menu of the page and choose Settings.
On the Custom Code tab, paste the code below into Footer Code. It contains the token you pasted above.
<script> (function (d, s, t) { var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = '//dockaccess.org/accessibility/' + t + '/start.js'; f.parentNode.insertBefore(j, f); })(document, 'script', 'SITE_TOKEN'); </script>
Save the changes, publish the site and check that the accessibility widget button is visible.
The widget appears on every page with the script. Visitors open it with its button or with Ctrl + U, and the widget remembers their choices on the next visit.
In your DockAccess account, pick the site in My sites and open its Accessibility widget tab. There you set the colours, the position and size of the button (also separately for narrow screens), the maximum zoom, the features and profiles on offer, your own selectors and the accessibility statement. The preview shows a change before you save it, and the script does not have to be installed again.
The widget works on the domains of the site in your account, so add every address the website runs under. The free plan covers 5,000 widget views a month for all the sites of the account. Once they are used up, the widget does not show until the 1st of the next month or until a plan with a higher limit is active.
Module for Magento 2.4.4+, Adobe Commerce and Mage-OS
Let your visitors adapt the website to their needs: contrast, text size, reading aloud and ready-made profiles.
See the installationFree up to 5,000 views a month.