Skip to main content
Grants up to $15,000/year for media
InclusiveWeb

Accessibility Panel

Cover the needs of every visitor to your site

What goes beyond compliance: 31 tools and 8 profiles for visitors to tailor the site themselves. On top of an already-fixed site — not instead of the fix.

7 days free, no credit card required

How it works

Three steps from installation to result

01Step one

Install the script on your site

One line of code before the closing body tag — and the panel starts working. No changes to your existing HTML.

index.html
<!DOCTYPE html>
<html lang="uk">
<head>...</head>
<body>
  ...

  <!-- One line — and the panel works -->
  <script
    src="https://cdn.inclusiveweb.net/widget.js"
    data-id="YOUR_ID"
    async></script>
</body>
</html>
02Step two

Visitor opens the panel

A floating accessibility button appears on the site. One click — and a panel opens with 8 profiles and 31 tools.

yoursite.com.ua

Accessibility Panel

English
Accessibility Profiles
Low Vision
Dyslexia
Color Blindness
ADHD
Epilepsy
Cognitive
Motor
Elderly
Font and reading
Page zoom
100%
Font size
100%
03Step three

Site adapts instantly

The visitor picks settings — font, contrast, reading mask. The site adapts instantly, no reload needed.

Try for free
yoursite.com.ua · adapted
Settings activeFont +20%Highlight titlesHighlight linksLexend Deca
Make your site accessible

Larger font, highlighted titles and links. Reading mask and contrast tuned to your needs. learn more

Read more
4 active

Three layers, not three products

Audit finds the errors. Autofix fixes the code. Panel goes further — giving every visitor personal settings on top of an already-accessible site.

01

Layer 1 — Audit

Find problems

Scans the site against 90+ WCAG 2.2 rules and surfaces every accessibility issue. This is diagnosis — you see exactly what breaks the standard.

02

Layer 2 — Autofix

Fix the code, for real

Automatically rewrites HTML at the DNS-proxy layer — alt text, ARIA, contrast, headings. Not overlay theatre: actual changes that screen readers and Google can see.

03

Layer 3 — Panel

Go beyond compliance

Technical WCAG compliance ≠ comfortable for everyone. Older users need bigger fonts, people with dyslexia need Lexend Deca, migraine sufferers need monochrome. Panel gives every visitor personal settings on top of an already-accessible site.

Floor and ceiling

Compliance is the floor — what the site must have to not break the law. Inclusion is the ceiling — how each visitor actually uses the site. Audit and Autofix build the floor. Panel raises the ceiling.

Compliance (floor)

WCAG 2.2 AA + EAA 2025 require accessible content. Audit and Autofix close the legal requirement — without overlay theatre.

Inclusion (ceiling)

Real accessibility = users choosing their own font, contrast, pace. Panel does this — on top of an already-fixed site, not instead of the fix.

Together — full coverage

Audit finds → Autofix fixes the code → Panel gives every visitor control. Three layers, one ecosystem. No overlay shortcuts, no half-measures.

AuditAutofixAccessibility Panel

31 adaptation tools + 8 profiles

4 categories of adaptations plus 8 ready-made presets — covering the needs of every disability group.

Category 01

Dyslexia, cognitive disabilities, elderly

12
tools

Font and reading

  • Page scale
  • font size
  • letter spacing
  • word spacing
  • line spacing
  • paragraph spacing
  • dyslexia font
  • bionic reading
  • highlight titles
  • highlight links
  • text alignment
  • text-to-speech (TTS)
4
tools

Category 02

Visual settings

Color blindness, low vision, light sensitivity

Dark contrasthigh contrastmonochromecolor overlay
5
tools

Category 04

Utilities and navigation

Motor disabilities, page orientation

On-screen keyboardscreen magnifierheading navigationlink navigationlandmark navigation

Category 03

Viewing comfort

Epilepsy, ADHD, focus

10tools
Reading maskreading guidefocus highlighthighlight elementshover highlightstop animationshide imagesmute soundslarge cursorauto-scroll

Customization and technical specs

The panel fully adapts to your brand and does not affect site performance

Fully customizable for your brand

The panel adapts completely to your site's design

Button position

7 placement options on the page

Style and icon

5 design styles, 4 icon types

Brand colors

Full match to your brand identity

Interface language

20+ languages including auto-detect

Custom trigger

Use your own button on the site instead of the default one

Accessibility Statement

Link to your accessibility declaration

Lightweight and fast

Does not affect your site's loading speed

~25 KB gzipAsync loader, non-blocking. Panel ~117 KB gzip — lazy-loaded in iframe
AsyncNon-blocking load
IframeStyle isolation
All browsersChrome, Firefox, Safari, Edge
Mobile-readyResponsive interface

20+ interface languages

The panel automatically displays in the visitor's language

UAENDEESFRITPLRU

Frequently asked questions

Didn't find an answer?

Contact us
Will the panel affect my site's speed?

No. The async loader weighs ~25 KB gzip and doesn't block page load. The panel itself (~117 KB gzip) is lazy-loaded in an iframe only when the user opens it. Iframe isolation ensures panel styles don't conflict with your site.

Are visitor settings saved?

Yes. All chosen settings are saved in the visitor's browser (localStorage). On the next visit, the site immediately adapts to their needs.

Is mobile supported?

Yes. The panel has a responsive interface optimized for smartphones and tablets. All tools are available on any device.

Can I choose which tools to show?

Yes. In the dashboard, you can enable or disable any tool and profile. Settings update without changing code on your site.

How to install on WordPress or Shopify?

For WordPress — paste the code in the footer via Customizer or any script insertion plugin. For Shopify — add to theme.liquid. Google Tag Manager is also supported.

Make your site accessible to everyone today

7 days free. Installation in a minute.

Accessibility Widget for Websites — 36 Adaptation Tools | InclusiveWeb