Accessibility widget Shopify

The integration is a short script with your site token. You paste it in the theme editor (Sales channels → Online Store → Edit theme), into a Custom Liquid section, and save. The store needs no app from the Shopify App Store for it.

What the widget offers

Visitors open the widget with its button and adjust the page to their needs:

• contrast, colours and saturation,
• text size, letter spacing and line height,
• a font for people with dyslexia and reading aloud,
• turning animations off and a larger cursor,
• ready-made profiles, among others for people who are blind or have low vision, colour blindness, dyslexia, epilepsy or ADHD.

Simple setup

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.

Privacy

The widget collects no personal data of visitors. Only the IP address and the user agent are recorded to count views.

For your visitors

The widget appears on every page that shows the section with the script. Visitors open it with its button or with Ctrl + U, and the widget remembers their choices on the next visit.

Settings in your account

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.

Domains and the limit

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.

Where to add the section

A section added to one template, for example the home page, works only on the pages of that template. For the widget on every page of the store, add the section to the footer of the theme, which all the templates share.