My Dyslexic Reader

A chrome extension that helps dyslexic people read better.

Comment

Inspiration

What inspired me was how common dyslexia is in Canada. I thought to myself: in what way would I be able to help so many people with their learning through a software developed solution?

What it does

Allows users to enable features which include a bionic reader converter, font style changer, and a line spacing/font size changer.

How we built it

This chrome extension was built using JavaScript, HTML, and CSS. JavaScript was used for the DOM manipulation aspect, and HTML/CSS were used to create the UI of the extension.

Challenges we ran into

This extension manipulates the p tags in the HTML of a website. Currently, it is not able to work for all text, such as links (a tags).

Accomplishments that we're proud of

Something we are proud of was implementing multiple features into this extension, as more features would help more people. For example, some people may not need one feature, but they may need another.

What we learned

We learned about how dyslexic people may benefit from bionic reading, certain font styles, and line spacing. Some skills we learned were DOM manipulation, and styling in HTML and CSS.

What's next for Bionic Reading Converter

Add universal accessibility measures such as color-blind friendly colors for text and highlighting features to isolate keywords.

Text-to-speech would enhance the reading experience for dyslexic students as well, as it would help them overcome struggles in reading, by being able to listen to large bodies of text.

Aspects of AI may be used perhaps, such as optical character recognition to go beyond web pages and scan larger research papers and journals and apply dyslexic-friendly accessibility measures to them.

Built With

Share this project:

Updates