AccessiRead

• 

• 

• GIF

What it does

AccessiRead is a browser extension that reformats webpages to make them easier to read. It applies evidence-based adjustments to typography, spacing, and color contrast. It reduces visual noise and supports dynamic content updates without breaking site functionality.

How I built it

AccessiRead is a Chrome extension built with:

• Manifest V3
• HTML + CSS + Javascript
• A custom content script that scans and restructures webpage DOM elements
• A readability engine that applies:
  • Dyslexia-friendly fonts
  • Adjusted line spacing
  • Dark mode theme
• A settings panel where users can toggle features and personalize the reading experience
• Mutation observers to handle dynamic websites

Challenges I ran into

Many modern pages are dynamic and update after loading. This requires observing mutations made on the DOM and implementing real-time mutation observers to handle them.

What's next for AccessiRead

In the future, I intend to add a Focus Mode for distraction-free long-form reading, as well as support for PDFs and embedded document viewers.

Built With

• css
• html
• javascript