AI-Powered Web Accessibility Enhancement

This project delivers a complete AI-powered web accessibility solution: 1.Restaurant Website 2.Accessibility Bridge Extensio. 3.Universal Compatibility: Works on *all* websites in real-time

Comment

Inspiration

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for AI-Powered Web Accessibility Enhancement

🌟 Inspiration

The web is still full of barriers for people with visual, cognitive, and language disabilities.
We wanted to build something that instantly improves accessibility on any website without waiting for site owners to act.
Chrome’s new built-in AI APIs gave us the perfect chance to make this possible.

🚀 What it does

  • A demo restaurant website showing best-practice accessibility
  • An AI-powered Chrome extension that:
    • Simplifies complex text
    • Generates alt-text for images
    • Translates content into multiple languages
    • Improves visual contrast & font size
    • Adds audio summaries for screen-reader users
      Works on any website in real-time with one click.

🛠️ How we built it

  • Frontend: HTML5, CSS3, Bootstrap 4, jQuery/AJAX
  • Extension: Manifest V3, background service worker, content scripts, popup UI
  • AI Features: Chrome Summarizer, Writer, Translator, and Rewriter APIs (Gemini Nano processing)
  • Testing: Local server + universal test pages

⚡ Challenges we ran into

  • Getting multiple Chrome AI APIs to work together seamlessly in one extension
  • Making the UI responsive and WCAG-compliant
  • Ensuring privacy (no external servers)
  • Debugging Manifest V3 background service workers

🏅 Accomplishments that we're proud of

  • First universal web accessibility enhancer built on Chrome’s built-in AI
  • Fully documented, MIT-licensed open source project
  • Works on news, e-commerce, social media, and government websites without changes

📚 What we learned

  • How to integrate several experimental Chrome AI APIs
  • Advanced accessibility best practices (ARIA, semantic HTML, keyboard navigation)
  • Manifest V3 extension architecture and offline-first design

🔮 What's next for AI-Powered Web Accessibility Enhancement

  • Add customizable user profiles for different accessibility needs
  • Explore offline voice narration and real-time sign language captions
  • Submit to more hackathons and release on the Chrome Web Store

Built With

Share this project:

Updates