Accessify — Accessibility Demo

Use the accessibility button (top-right) to open the panel. All settings are saved in localStorage under accessify-settings.

Features: Text size (80%–200%), Contrast (Normal / High / Dark), Spacing (Normal / Wide), Font (Default / Dyslexia), Links (highlight on/off), Cursor (highlight circle on/off), Reset.

Features

Text size — Decrease or increase page text (80%–200%).
Contrast — Cycle Normal, High, and Dark modes.
Spacing — Toggle Normal or Wide text spacing.
Font — Switch between Default and Dyslexia-friendly font.
Links — Turn link highlighting on or off.
Cursor — Show a focus circle that follows the pointer.
Reset — Restore all settings to defaults.

Sample content

This is a sample link to test link highlighting when the toolbar option is on. You can try different text sizes and contrast modes to see how the page adapts.

The toolbar is fixed in the top-right. Open it with the blue button, adjust settings, and close with the X or by pressing Escape.

Color test — try Color Adjustments (grayscale, sepia, invert)

Use Show or hide tools to enable Color Adjustments, then cycle through filters to see the effect on the swatches below.