WebAble

Inspiration

We noticed that people with visual, cognitive, or learning challenges often struggle to access web content that most of us take for granted. Despite existing guidelines and tools, countless websites remain inaccessible. This realization sparked our passion to build WebAble, aiming to make the internet truly inclusive for everyone.

What It Does

WebAble is an AI-driven accessibility toolkit that integrates seamlessly into any website. Its core features include:

Voice Navigation: Users can browse and interact with webpages using voice commands.
Automatic Alt Text: AI-powered image recognition generates descriptive alt text on the fly.
Dyslexia-Friendly Mode: Adjusts fonts, spacing, and line height to aid readers with dyslexia.
Focus Lens Mode: Blurs out peripheral content, reducing distractions for users who are easily overwhelmed.
Page Reformatter: Uses AI to reorganize page layouts into an accessible, clutter-free design.
Text Rewriter: Allows users to highlight any text, right-click, and choose a grade-level rewrite for simplified reading—perfect for those who need more understandable language.

All these features work together to create a more inclusive, user-friendly browsing experience.

How We Built It

Front-End Integration: We developed a lightweight JavaScript plugin that detects images, text, and layout elements, communicating with our AI back-end over secure APIs.
AI Services:
- Voice Navigation & Summaries: Built on speech-to-text APIs (e.g., Google Cloud Speech or Web Speech API) and NLP libraries for text summarization.
- Image Recognition & Alt Text: Utilizes computer vision models (e.g., lightweight CNN or transformer-based) to provide context-aware alt text.
- Text Rewriter: Uses NLP models that can rephrase or simplify text at various reading levels.
User-Focused Interface:
- Right-Click Menu: A custom context menu triggers the grade-level text rewriter, returning a more readable version on the spot.
- Dyslexia & Focus Lens Modes: Implemented with CSS transformations and JavaScript to toggle accessibility-friendly styles.
Deployment & Scalability: Hosted on cloud services (e.g., AWS, Google Cloud) for rapid, on-demand processing.

Challenges We Ran Into

Accurate Text Rewriting: Balancing simplification with preserving the original meaning required fine-tuning our NLP models.
Real-Time Performance: Ensuring quick responses from the AI microservices was critical for a seamless user experience.
Maintaining a Simple UI: Combining many accessibility tools risked overwhelming users, so we focused on intuitive toggles and minimal friction.

Accomplishments That We’re Proud Of

Unified Accessibility Suite: Consolidating voice navigation, alt text generation, dyslexia-friendly tools, and real-time text rewriting in one plugin.
Context-Aware Text Rewrites: Our NLP pipeline effectively adjusts complexity without losing core meaning.
User Testing & Iteration: Early feedback from individuals with varying abilities helped us refine each feature for real-world use.

What We Learned

The Range of Accessibility Needs: From visual aids to text simplification, accessibility is multifaceted.
Power of Small Tweaks: Even simple UI adjustments—like a right-click menu for rewrites—can make a big difference in user experience.
Team Collaboration: Clear communication among developers, designers, and accessibility experts was key to merging all features cohesively.

What’s Next for WebAble

Advanced Multilingual Support: Expand the text rewriter to handle additional languages and dialects.
Adaptive AI: Tailor reading levels automatically based on user profiles.
Industry Partnerships: Integrate with school systems, healthcare providers, and corporate websites seeking inclusive design.
B2B Licensing: Offer enterprise-grade solutions and branding options for large-scale clients, including robust analytics to track accessibility improvements.

WebAble aims to remove the barriers that keep millions of users from fully engaging with online content. By combining technologies like real-time voice interaction, AI alt text generation, dynamic layout reformatting, and user-initiated text rewriting, we’re building a more inclusive web—one site at a time.