Make the web inclusive for everyone. A powerful, full-stack tool that scans websites for WCAG 2.1 accessibility violations, generates actionable AI-powered fixes, and provides professional audit reports.
Web accessibility isn't just a legal requirement—it's a moral imperative. But finding and fixing issues is hard. Accessibility Analyzer bridges the gap between complex WCAG guidelines and developers by providing:
- 🔍 Instant Audits: Detect critical, serious, and moderate issues in seconds.
- 📊 Visual Insights: Understand your site's health with data visualization.
- 🧠 AI-Powered Fixes: Don't just see the error—learn how to fix it.
- 📄 Professional Reporting: Generate PDF audits for stakeholders instantly.
Get a bird's-eye view of your website's accessibility health. We calculate a custom Health Score (0-100) based on the severity of violations found.
Dive deep into every issue. Our tool pinpoints the exact HTML element causing the problem and suggests code fixes.
Never lose track of your progress. Logged-in users can revisit past scans, compare improvements over time, and re-download old reports.
Need to show your boss or client? Export a white-labeled, print-ready PDF Report, or grab the raw data in JSON/CSV formats.
New users can run a One-Time Free Scan without creating an account. We use local storage to provide a seamless trial experience before asking for sign-up.
We are constantly working to improve Accessibility Analyzer. Planned features for v2.0 include:
- 🕸️ Deep Crawling: A web spider to scan an entire domain (internal pages) instead of just a single URL.
- 🔐 Authenticated Scans: Ability to scan pages behind login screens.
- 📅 Scheduled Audits: Set up automated weekly scans to track compliance over time.
- 🧩 CI/CD Integration: A GitHub Action to block deploys if accessibility score drops below a threshold.
- Frontend: React (Vite), Tailwind CSS, Framer Motion (Animations), Recharts (Data Viz).
- Backend: Node.js, Express.js.
- Scanning Engine: Deque Systems'
axe-core(Puppeteer). - Database & Auth: Google Firebase (Firestore & Authentication).
- Deployment: Vercel (Frontend) / Render (Backend).
This project uses a split structure: frontend and backend.
- Node.js (v18+)
- A Firebase Project (Firestore enabled)
- Clone the repo
git clone https://github.com/karina-purswani/accessibility-analyzer.git
cd accessibility-analyzer
- Setup Backend
cd backend
npm install
# ⚠️ Create a 'serviceAccountKey.json' file in the backend folder with your Firebase Admin credentials.
# ⚠️ Create a '.env' file with PORT=5000
npm run dev
- Setup Frontend (Open a new terminal)
cd frontend
npm install
# ⚠️ Create a '.env' file with your VITE_FIREBASE_API_KEY and other config details.
npm run dev
We welcome contributions!
- Frontend UI, AI Logic and Visual Inspector Preview: [Saburi Yeola]
- Backend, Scan History, Report Exports and Demo Page: [Karina Purswani]
If you'd like to improve the scoring algorithm or add new export formats, feel free to fork and submit a PR!
Made with ❤️ and ☕ by Developers, for Developers.