AccessibleWeb Widget

A small panel that lets visitors control font size, contrast and reading help — in 55 languages. It’s live on this page, so try it.

How to use
<script src="accessible-web-widget.min.js"></script>
The menu

What every option does.

Every control in the panel, explained in plain language — with a one-tap profile, a slider, or a toggle.

Profiles

one tap — a whole bundle at once
Seizure SafeTurns off flashing and motion so nothing blinks or shifts unexpectedly.
Blind ProfileReads the page aloud and highlights links for screen-reader users.
Visually ImpairedEnlarges text and strengthens contrast for easier reading.
ADHD FriendlyDeclutters the page and stops distractions to help concentration.
Cognitive & LearningSimpler fonts and calmer spacing for easier comprehension.
Motor ImpairedBigger targets and larger click areas for easier clicking.

Text & colors

sliders & palettes
Text sizeScales all body text from small to largest — no zoom needed.
Bold textHeavier type everywhere so words are easier to pick out.
Dark modeSwaps to a dark, night-friendly palette.
MonochromeRemoves color so contrast and shapes stand out.
High contrastMaximum black-and-white contrast for low vision.

Reading help

make text easier to follow
Readable fontSwitch to a legible or dyslexia-friendly typeface.
Line & letter spacingAdd breathing room so lines and letters don’t blur together.
Reading guideA line follows your cursor to guide the eye along the text.
HighlightsHeadings and links light up so key spots are easy to find.
Mute soundsSilences page audio and video.
Text to speechClick any chunk of text and hear it read aloud.

Comfort & extras

fewer distractions, easier control
Stop animationsFreezes moving elements, videos and animated GIFs.
Big cursorEnlarges the mouse pointer so it’s easy to track.
Hide imagesHides pictures for a clean, text-only view.
Bigger click areasButtons and links become easier to hit.
LanguageRuns the whole panel in any of 55 languages.
Reset / dev toolsRestore defaults, or with ?acc-dev=true, run an audit.

Settings are remembered for the visitor’s next visit, and every toggle is announced to screen readers.

Images

Toggle Hide images in the panel and watch these disappear.

A photograph of a mountain landscape at dusk A photograph of a calm lakeside view A photograph of green forest foliage

Colors

Try Dark / Monochrome / High contrast on these swatches.

Animation

Toggle Stop animations to freeze this spinner.

Sound & text

Hear a tone, then toggle Mute sounds. Use Highlight links on these:

This is a preference panel — it does not make a site accessible or compliant by itself. Real accessibility lives in your code. Overlay Factsheet ยท Disclaimer

Use it

For production, pin a tagged version — see Deploy > Pages.

Files