Skip to content

Alt-Text Generator for Websites

Writes missing alt text so blind users can understand images.

Beginner12h1–2 people16/20 fit
TL;DR

Build Alt-Text Generator for Websites for small websites and bloggers in ~12h with 1–2 people. Stack: Next.js + Vision LLM.

Why it wins: Accessibility win with a clear before/after.

Build flow

01 · Problem
Many site images have no alt text, so screen readers say nothing useful.
02 · Solution
Scan a page, find images without alt text, and suggest descriptions to approve.
03 · Build
  1. 1Fetch + parse page
  2. 2Find images without alt
  3. 3Vision captioning
  4. 4Approve + export
04 · Demo
Enter a URL → images missing alt → approve suggested descriptions.

MVP checklist

  • Page scan
  • Missing-alt list
  • Suggested descriptions
  • Export fixes

Tech stack

TechRole
Next.jsFrontend + API routes
Vision LLMImage understanding

Related ideas

More Social Good
  • Find the nearest clean, accessible public toilet with ratings

    Beginner8h1–2
    LeafletNext.jsPostgres
    17/20