Accessibility Toolbar & Widget | Accessibility Assistant

About the Extension

Accessibility your customers actually use — for €4.08 a month.

The Accessibility Toolbar hands every visitor an accessibility assistant: contrast, colours, text size and reading guidance are set by each visitor personally — without changing your design for everyone else.

→ 14 comfort features — boost contrast, invert colours, monochrome, saturation, fonts, reading guidance, large cursor
→ 100% local — no external server, no tracking, no data sharing
→ 44 settings — 13 of them colour fields, so the toolbar looks like your store
→ From the first click to checkout — the toolbar stays available on every page
→ Developer mode — finds missing alt attributes, labels, lang attribute and weak contrast
→ Accessible itself — real buttons, ARIA roles, operable by keyboard

For Shopware 6.5 to 6.7, cloud and self-hosted — works with any theme, no code needed.

→ Try it now — the first month is free, cancellable monthly.

What your visitors control

Everyone sees differently. The toolbar lets your visitors decide instead of prescribing one setting for all:

Sight and contrast
Boost contrast to WCAG level AA or AAA, invert colours, monochrome mode, saturation high or low. Individual areas can be excluded from high contrast via CSS class — your logo stays your logo.

High contrast does not guess: the toolbar measures the luminance of background and text, checks it against the WCAG thresholds (4.5:1 for AA, 7:1 for AAA) and recognises elements with gradients too. Where the requested level is mathematically out of reach, it secures at least AA instead of claiming a number it cannot deliver.

Reading
Enlarge text, readable font, clearly underlined links, highlighted headings, reading guidance and a reading guide for the line currently being read.

Calm and orientation
Hide animations, hide images, large cursor. Plus a reset button that undoes everything in one click — without a reload.

Report a problem
An optional button sends your visitors to a URL of your choice — your contact form, a page of your own, whatever you like. Anyone who finds a barrier can tell you: you hear about problems first-hand instead of hunting for them.

Privacy: nothing leaves your store

Many commercial accessibility overlays cost several hundred euros a year and load their script from someone else's servers — turning every visitor of your store into a third party's data point.

This toolbar does the opposite. It is plain JavaScript inside your store: no external server, no API, no third party, no tracking. It ships no third-party library at all — the entire logic sits in one JavaScript file built on the Shopware plugin base. Your visitors settings stay in their browser and apply again on their next visit.

You decide whether saving happens immediately or only after cookie consent — the toolbar fits into your store's cookie consent groups instead of bypassing them.

What you control

Position
Above the header, inside the header, floating left or right, or as a discreet action button in the icon area. Five positions, so the toolbar fits your layout instead of breaking it.

Appearance
13 individual colour fields — container, title bar, buttons, icons, close button, initial button and the report button can all be coloured separately. Plus four icon variants, corner radius, separate heights for desktop and mobile, layer order (z-index) and two styles: compact with text or large with icons only.

Scope
Each of the 14 features can be switched off individually. Whatever your store does not need never shows up in the toolbar. All of it controllable per sales channel — 44 settings across four tidy sections, with a help text on every option.

Language
Every text in the toolbar comes from snippets — German, British and American English are included. Any further language is added in the admin, without touching a file.

Accessible itself — not just by name

It is the most obvious question and the one least often asked: is the accessibility tool itself accessible? For many overlays the answer is no — they build their switches from clickable graphics a keyboard never reaches.

This toolbar is built from real button elements. Keyboard operation therefore works the way a browser provides it anyway: tab to it, press Enter or Space to switch. On top of that comes clean semantics — the toolbar announces itself as a named region, every switch carries the switch role and reports through aria-checked whether it is currently on. The open button reports via aria-expanded whether the toolbar is open, and purely decorative icons are hidden from screen readers instead of cluttering them.

The state stays in sync: when a visitor toggles a feature, the change travels into the ARIA attributes with it — no switch that is visually on and off for assistive technology.

Developer mode: find barriers instead of guessing

Append ?dev=1 to your store URL and the page marks its own weak spots — visible only to you, never to your customers:

• missing alt attributes on images
• form fields without a label
• missing lang attribute on the page
• weak colour contrast, with the measured ratio
• font sizes that are too small
• empty links
• missing skip link

This is the part that genuinely makes your store more accessible — the toolbar helps your visitors, developer mode helps you.

→ Try the toolbar free for a month — full feature set, all updates and support included, cancellable monthly.

What the toolbar is — and what it is not

A lot gets promised about accessibility. So here is honestly what you get:

It is a comfort tool for your visitors, an audit tool for you, and a visible sign that you take the topic seriously. It does not attack your store, it sits on top of it.

It is not a substitute for real accessibility. No overlay in the world makes a store WCAG or EAA compliant — this one included. It does not replace a screen reader, does not rewrite your HTML and does not repair a broken page structure. Anyone promising otherwise is selling you a risk.

Since 28 June 2025, European accessibility law does not demand perfection — it demands that you identify and remove barriers. That is exactly what this toolbar is built for: comfort for those who need it, and a developer mode that shows you where you have to do the work yourself.

For the rest, you get something from us that costs nothing: the Accessibility Quick-Start Toolkit with a WCAG checklist, prioritised audit points and a sample accessibility statement — the roadmap for everything no overlay does for you.

Go to the Quick-Start Toolkit — available straight away, no form and no signup.

Works with any theme

The toolbar is theme-independent — it sits on top of your store instead of building itself into it. It works with the Shopware default theme, with ThemeWare® and with themes and shop setups from moori, PremSoft, Zenit Design, FROSH, neofire, Nimbits, Codegiganten, 8mylez, Biloba, Codiverse, solution25, BOGX, neonlines, NETZperfekt, BrandCrock, digitvision, Stageware, Morayne and clover4.

Even when other extensions have a say. The toolbar does not hang off the footer, it renders in the page body — so it stays visible even when another plugin replaces the footer with its own. That is exactly what happens in the checkout of our Advanced Checkout, where the accessibility button survives the minimal footer. ESI header and footer blocks are wired in, so operation behind the HTTP cache is accounted for. And with browser zoom enabled the toolbar becomes scrollable instead of being cut off.

Built by TC-Innovations — certified Shopware Premium Extension Partner since 2016.