WebAble - Accessibility tools to let EVERYONE access the internet

Around 15% of the US population has a learning disability. Only around 5% of the top 1,000,000 web pages meet basic accessibility standards.

Introducing: WebAble. WebAble is a Chrome extension that enhances web accessibility by allowing users to customize web page appearance, making the internet easier to navigate for people with learning, cognitive, and visual disabilities. While there are some apps and extensions that can help with accessibility, almost all of them only address one aspect, and most of them are complex and hard to use. WebAble is a simple extension that addresses multiple aspects of accessibility in one spot, helping everyone better access the web.

How It's made:

Tech Used: HTML, CSS, JavaScript, Chrome Extension API

Accessibility features: How it works

WebAble uses DOM manipulation to change the appearance of any webpage to improve accessibility. It also uses the Chrome extension API to store user preferences and send messages to the content script. The user can change the following:

1. Text size, spacing between letters (word spacing), line spacing
2. Dyslexia-friendly font (OpenDyslexic)
3. High contrast mode

All changes are applied once the user clicks the "Apply Accessibility" button.

The future of WebAble:

The next step for WebAble would be implementing a text-to-speech feature. The user would be able to select text on a page and select text-to speech to read the text out loud. This would be especially helpful for students with reading disabilities. I also hope to make the UI cleaner and more compact in the future.

Instructions:

Step 1. Download the extension files

Step 2: Installing the Extension

1. Go to chrome://extensions/
2. Enable "Developer mode"
3. Click "Load unpacked"
4. Select the folder containing the extension files