What Is This?
The Reading Overlay Customizer generates a personalised CSS stylesheet that modifies font, size, colour, contrast, spacing, line height, and reading mask settings — optimised for your specific reading challenges — delivered as a downloadable .css file.
Why It Exists
Default web typography is designed for a neurotypical visual profile. For people with dyslexia, visual stress, ADHD, or sensory sensitivities, standard text layouts actively impede comprehension and increase reading fatigue. This tool generates a personalised reading environment that works with your visual processing.
Who It's For
- ▸People with dyslexia who find standard fonts and contrast levels difficult to process
- ▸Individuals with visual stress or Meares-Irlen syndrome
- ▸ADHD readers who experience visual crowding or lose their place frequently
- ▸Anyone who reads extensively and wants to reduce cognitive fatigue
How It Works
You configure font size, font family, text colour, background colour, contrast level, line height, word spacing, letter spacing, and optional reading mask colour and opacity. The tool generates a custom CSS file compatible with browser extensions like Stylus or User CSS.
You get:
- ▸A personalised
.cssfile for your reading overlay - ▸Instructions for applying it via browser extensions
- ▸An optional colour-tinted reading mask with adjustable opacity
- ▸Compatible with most websites and e-readers that support custom CSS
What Makes It Different
This isn't a browser accessibility toggle. It's a precision typography tool that gives you granular control over every variable that affects your specific reading experience.
