01 / Content
Read your way
Scale type, increase line height and letter spacing, switch to a readable font, or highlight important page structure.
Lightweight. Private. Inclusive.
A more comfortable web,
for everyone.
A beautifully simple accessibility preference panel that visitors can tailor to the way they read, listen, focus, and navigate.
No accounts. No tracking. Preferences stay on this device.
WCAG 2.1-aligned panel
Under 10 KB compressed
Zero dependencies
Read aloud included
Designed for real people
Preferences that make
a meaningful difference.
02 / Colour
See with clarity
Choose high contrast, grayscale or inverted colours. Every option is independent and reversible.
03 / Navigation
Move with confidence
Enlarge the cursor, pause motion, add a reading guide, and make interactive elements easier to identify.
New / Browser read aloud
Let visitors listen,
at their own pace.
Equalize can read page content as a visitor hovers or moves keyboard focus. They choose an installed browser voice and tune volume, rate, and pitch without sending content anywhere.
- Voice choices from the visitor’s browser and operating system
- Start, pause, resume, and stop controls
- Settings remembered privately on the visitor’s device
Browser speech is a convenience feature. It does not replace NVDA, JAWS, Narrator, VoiceOver, TalkBack, or another full screen reader.
One line. That’s it.
Give visitors control
in under a minute.
Add one script before the closing body tag. Equalize creates its own accessible interface, applies preferences to your page, and remembers them locally.
HTML
<script src=“/accessibility-widget.js” defer></script>Automatically initializes on every page.
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Your page</title>
</head>
<body>
<!-- your existing page content -->
<script src=“/accessibility-widget.js” defer></script>
</body>
</html>Place it right before the closing </body> tag, after your page content, so Equalize is the last thing to load.
HTML · Read-aloud configuration
<script>
window.EqualizeConfig = {
screenReader: {
enabled: true,
defaultVoice: "",
defaultVolume: 1,
defaultRate: 1,
defaultPitch: 1,
preferredLanguages: ["en-IN", "en-US"],
hoverDelay: 280,
maxCharacters: 500
}
};
</script>
<script src="/accessibility-widget.js" defer></script>Place configuration before the widget script. Every setting is optional.
The honest approach
A preference tool,
not a compliance shortcut.
Equalize helps visitors adapt a site to their needs. It does not repair missing labels, keyboard traps, poor semantics, or inaccessible content.
Its own panel is keyboard-operable, exposes correct ARIA name/role/value, announces changes via a live region, and meets 4.5:1 contrast — verified against WCAG 2.1. That covers the widget, not your page.
Use it alongside inclusive design, semantic HTML, keyboard testing, and regular WCAG audits — or run our compliance checklist to see exactly what's covered and what's still on you, including the extra items required by India's GIGW 3.0 guidelines.