Dyslexia Helper

Inspiration

Many people with dyslexia struggle to read crowded or badly formatted websites. I wanted to make the web calmer, easier to read, and add simple tools like background noise and text-to-speech so anyone can focus.

What it does

Dyslexia Helper is a browser extension. It lets you change line height, letter spacing, and font to a dyslexia-friendly style. You can also play brown, white, or rain noise for focus and highlight text to have it read aloud at any speed.

How we built it

I used basic web tech HTML, CSS, and JavaScript to inject custom styles into pages. The Web Speech API handles text-to-speech, and a small audio script plays the focus sounds.

Challenges we ran into

Making the controls simple but flexible was tricky. Making sure the extension worked across different sites and fonts took a lot of testing. Getting smooth text-to-speech with clear voices also needed tweaking.

Accomplishments that we're proud of

I turned a rough idea into a working tool in one hackathon week. It’s lightweight, installs in seconds, and already makes long articles much easier to read.