ClearRead
An accessible, AI-powered article reader
The Problem
Dense articles are a barrier for a lot of readers — dyslexia, ADHD, low vision, or just limited time. ClearRead puts several proven accessibility aids and an AI summary behind one simple reader, so the same article can meet readers where they are.
What I Owned
Solo build, shipped as a single self-contained HTML/CSS/JS file with no build step: the reader UI, the reading modes, the Claude summarization call, and the text-to-speech integration.
Tools And Stack
- JavaScript
- HTML / CSS
- Claude API
- Web Speech API
How It Fits Together
Paste a URL or text and the article is normalized into a clean reader view. A Claude (claude-sonnet-4-6) call produces the summary; the browser's SpeechSynthesis API drives text-to-speech; and the reading aids — dyslexia-friendly fonts, bionic reading (bolded word stems), and adjustable speed-reading — are layered as toggleable view transforms. Everything runs client-side in one file.
What Changed
- Multiple accessibility modes in one place: AI summaries, dyslexia-friendly type, bionic reading, speed reading, and text-to-speech.
- Zero-dependency, single-file app — trivial to host or share.