Feature reference
The widget exposes 14 features. All are enabled by default and every one is individually togglable per-site from your dashboard — unchecking a feature removes it from the panel entirely.
Panel features
| Feature key | Label | What it does |
|---|---|---|
fontSize | Text size | 100% / 120% / 150% / 200% |
lineHeight | Line height | Normal / 1.5× / 2× |
letterSpacing | Letter spacing | Normal / wide / wider |
dyslexiaFont | Dyslexia-friendly font | OpenDyslexic |
contrast | Contrast modes | High / dark / inverted |
colorFilter | Color filters | Grayscale + CVD filters |
linkHighlight | Link highlight | Underline + outline |
largeCursor | Large cursor | — |
readingGuide | Reading guide | Horizontal band follows cursor |
readingMask | Reading mask | Dim above and below cursor |
pauseAnimations | Pause animations | Stop motion + media |
tts | Text-to-speech | Speak selected text |
focusIndicator | Focus indicator | Visible focus rings |
structureSummary | Page structure | Headings + landmarks list |
Quick profiles
The top of the panel offers four one-click presets that flip several prefs at once. Clicking again reverts only the keys that preset owns, leaving unrelated settings alone.
- Dyslexia — OpenDyslexic font, line-height 1.5×, wider letter spacing, reading guide on.
- Low vision — 150% text, high contrast, large cursor, focus indicator on.
- Motion — stops all CSS animations and auto-playing media.
- Focus — reading mask on, animations paused, links highlighted.
Internationalisation
The widget ships with three locales: en, hi, fj. The default is inherited from the visitor’s browser (navigator.language) but can be overridden per-site from the dashboard.
Fijian (fj, Na Vosa Vakaviti) strings are a working draft pending review by a native speaker — feedback welcome to hello@accessiflowfiji.com.
Preferences persistence
Settings the visitor chooses are saved in localStorage under accessiflow:prefs:<siteKey>, scoped per origin. Clearing site data resets everything. No cookies, no server-side profile.
Custom CSS override
Each site can supply a small CSS block that the widget injects after its own host-page rules. Use it to tune colours, sizes, or override a specific rule. It’s applied inside your site’s normal CSS cascade, so standard specificity rules apply.
Paste into the Custom CSS textarea on the site configuration page. Max 20,000 characters. A server-side CSS validator ships in the next release — for now, the contents are passed through verbatim.