Skip to content
Productivity

Web Accessibility Checker

Finds accessibility issues before users do.

Intermediate24h1–3 people16/20 fit
TL;DR

Build Web Accessibility Checker for developers and product teams in ~24h with 1–3 people. Stack: Next.js + Axe-core + Puppeteer.

Why it wins: Social impact + technical depth. Judges can see the value quickly.

Build flow

01 · Problem
Many websites fail basic accessibility checks and exclude people.
02 · Solution
Paste a URL. Get a clear report of issues with suggested fixes.
03 · Build
  1. 1Headless browser loads URL
  2. 2Run axe-core checks
  3. 3Group issues by severity
  4. 4Report UI + fixes
04 · Demo
Run it on a real site → show 3 issues with fix suggestions.

MVP checklist

  • Scan any URL
  • Issues by severity
  • Plain-English fixes
  • Shareable report

Tech stack

TechRole
Next.jsFrontend + API routes
Axe-coreAccessibility engine
PuppeteerHeadless browser

Reference repos

Open-source projects you can build on. Links checked 2026-10-31.

Related ideas

More Productivity

  • Productivity

    Prompt-to-Dashboard

    Turns a CSV and one sentence into a working dashboard

    Intermediate24h1–3
    Next.jsLLMCharts
    17/20

  • Productivity

    Document Version Diff Explainer

    Compare two versions of a document and get what changed in plain language

    Intermediate14h1–2
    MarkItDownLLMNext.js
    17/20

  • Productivity

    Async Video Update Digest

    Team members record short video updates and everyone gets a two-minute digest

    Intermediate16h2–4
    WhisperLLMNext.js
    17/20