Accessibility Guide
What AccessPath is
AccessPath is a floating control panel that a site owner installs once. It gives every visitor real, immediate control over how the page looks and behaves for them — text size, contrast, motion, spacing, fonts, and more — without the site owner having to build any of those controls themselves.
Start with a profile, or build your own
Nine preset profiles bundle the settings people with a specific need tend to reach for, so you don't have to configure anything by hand:
| Profile | Turns on |
|---|---|
| Low Vision | Larger text, pause animations, higher saturation |
| Dyslexia | Dyslexia-friendly font, wider letter/word spacing, taller line height |
| Seizure Safe | Pause animations, reduced saturation, mute sounds |
| Motor Impaired | Larger text, pause animations |
| Color Blind | Opens the color-blindness simulation picker (Protanopia, Deuteranopia, Tritanopia, Achromatopsia) |
| ADHD | Pause animations, wider spacing, reading guide |
| Voice Over | Reads the page aloud block by block, and announces each control as you Tab to it |
| Elderly | Larger text, taller line height, big cursor, high contrast |
| Cognitive & Learning | Pause animations, wider spacing, taller line height, stronger focus outline |
Every setting a profile turns on can also be adjusted individually — profiles are a starting point, not a limit.
30+ individual tools
Beyond the profiles, every control is available on its own, grouped into five categories:
- Vision — text size, contrast, contrast mode (Light/Dark/High/Smart), invert colors, monochrome, saturation, color-blindness simulation, custom background/text/title colors
- Text & Content — letter and word spacing, line height, dyslexia-friendly font, text align, sitewide tooltips
- Motion — pause animations, mute sounds
- Reading — read aloud, Voice Over (whole-page narration plus focus announcements), voice rate/pitch/voice picker, dictionary double-click lookups, highlight links, hide images, big cursor and cursor color
- Navigation & Focus — page structure navigator, reading guide, highlight titles, highlight hover, highlight focus
Plus a virtual keyboard, a per-visitor move-widget-side toggle, and an on-device accessibility checker for developers. Each control is a real change applied directly to the page — not a static preview.
Everything stays on your device
Preferences are saved to the browser's own storage, on the visitor's device. Nothing is sent to a server, and nothing is tracked. See the Privacy Policy for the full detail.
An honest note on compliance
AccessPath is a user-controlled accessibility layer, not automated remediation. It helps visitors adapt a page to their own needs, but it doesn't replace good code, semantic HTML, proper heading structure, alt text, keyboard navigability, or color contrast that meets WCAG on its own. A site that installs AccessPath should still do that underlying accessibility work — AccessPath is a layer on top of it, not a substitute for it. We deliberately don't make automatic WCAG/ADA compliance claims, and we'd encourage you to be skeptical of any product that does.
Keyboard and screen reader support
The panel itself opens as a dialog with a focus trap — Tab cycles through its controls, Escape closes it and returns focus to wherever you were. Section headers are real buttons with aria-expanded, so collapsed/expanded state is exposed to assistive technology, not just shown visually.
For developers
AccessPath ships as a zero-build script tag, a React component/hook, or an Angular component, all backed by the same framework-agnostic core. It's free, open source, and self-hosted — see the MIT License and the "Install & Customize" section on the home page to get started.