A11yPlus: Assistive Web Tools

Make the web more inclusive with voice control, text-to-speech, high contrast mode, and font adjustments — all in one simple Chrome extension designed for accessibility.

Comment

Inspiration

We developed A11yPlus to improve web accessibility for individuals with visual, motor, or cognitive challenges. The idea was to bundle essential assistive tools into one lightweight browser extension.

What it does

A11yPlus includes:

Text-to-speech for selected content

High contrast toggle for better visibility

Font size controls for readability

Voice command support

Usage analytics dashboard

AI-powered text summarization

How we built it

The extension was built using:

HTML, CSS, and JavaScript

Chrome Extension APIs (Manifest V3)

Web Speech API for speech features

Chart.js for visualizing usage data

Hugging Face API for summarization

Challenges we ran into

We faced issues with voice recognition accuracy, browser permissions, and working around content security policies to load third-party scripts.

Accomplishments that we're proud of

We successfully integrated all core features into a clean, functional extension. The summarizer and usage tracking features were particularly challenging but rewarding to implement.

What we learned

We learned how to build Chrome extensions using modern APIs, how to communicate between scripts using messaging, and how to work with third-party AI services.

What's next for A11yPlus: Assistive Web Tools

We plan to add support for more languages, enhance summarization reliability, improve UI responsiveness, and eventually release it publicly for user feedback.

Built With

Share this project:

Updates