Universal Access Browser Extension

Transforming AI Infrastructure into the World’s Most Powerful Accessibility Tool

While AI benefits from accessible websites, 1.3 billion people with disabilities struggle to navigate the web. This project, Universal Access, shifts focus from fixing websites to making information accessible.

This browser extension uses AI-focused technologies and structured data formats (NLWeb, Schemamap) to provide revolutionary accessibility via two features:

1. Conversational Interface: Users use natural language commands (e.g., “buy coffee under $20”) to replace complex navigation and filters.
2. Smart Visual Adaptation: The extension automatically restructures webpages based on schema.org entities (Product, Recipe, Article, etc.), removing clutter like ads and popups for optimal display.

It offers Schema-Driven Display Modes (e.g., Recipes as step-by-step instructions, Articles in Reader mode) and One-Click Accessibility Presets for needs like Low Vision, Dyslexia, and ADHD.

Structured data, used by AI to understand content, is leveraged by the extension to automatically tailor the display to each user’s specific needs, making better schema equal to better accessibility.

Target Audience

• Frontend / JavaScript Developers: Build the browser extension UI, implement the visual transformation engine, and create the schema-driven display templates.
• Accessibility Specialists: Guide WCAG compliance, define the accessibility presets, and ensure the extension itself is fully accessible.
• Schema.org / Structured Data Experts: Help parse and interpret schema entities, optimize entity detection, and design the mapping between schema types and display modes.
• UX / UI Designers: Design clean, accessible interface templates for each content type and create intuitive controls for switching between modes.
• AI / NLP Enthusiasts: Work on the NLWeb integration layer and help implement the conversational query interfac

Hackathon Goals

1. Build a functional browser extension PoC (Chrome/Edge) to detect schema.org entities and transform visual presentation.
2. Implement three schema-driven display modes (Product, Article, Recipe) with accessible rendering templates.
3. Create two accessibility presets: Low Vision (high contrast/large fonts) and Dyslexia-friendly (OpenDyslexic/adjusted spacing).
4. Integrate basic NLWeb conversational queries for supporting pages.
5. Produce a compelling live demo transforming a complex webpage into a clean, accessible interface for the pitch.
6. Document the architecture for post-hackathon development, including APIs and the product roadmap.