Why I Built This

Most accessibility tools only check your site in one mode—usually light mode—completely ignoring that 85% of developers prefer dark mode and modern websites need to work in both.

While auditing my own site (which uses Bootstrap 5.3's data-bs-theme for dark mode), I realized every existing tool missed half the issues. Manual theme toggling, screenshots, hand-comparing contrast ratios... tedious and error-prone.

Site Auditor solves this—for me and every developer shipping dark mode websites.

Site Auditor Pro Interface

Clean, intuitive interface for comprehensive site audits

What Makes It Different

Dual-Mode Contrast Analysis

The only free tool that audits both light AND dark mode automatically. It detects @media (prefers-color-scheme: dark), Bootstrap's [data-bs-theme="dark"], and Tailwind's .dark class—providing separate WCAG AA/AAA compliance reports for each mode.

Actionable Color Fix Suggestions

Unlike tools that just say "this fails," Site Auditor provides 3 specific color alternatives for every issue with calculated contrast ratios and WCAG level indicators.

Live CSS Variable Editor

Extract CSS variables from any website, customize colors in real-time with separate light/dark mode editors, and export modified Bootstrap themes instantly.

Comprehensive Auditing

Beyond accessibility: CSS quality analysis, JavaScript bundle optimization, performance scoring, and auto-fix suggestions for common issues.

Try Site Auditor

Site Auditor is 100% free with no signup required. Audit any website's accessibility, CSS, and JavaScript in seconds.

View on GitHub Upvote on Product Hunt
Site Auditor Pro - Instant website audits for CSS, JS, and accessibility | Product Hunt
What is Product Hunt? The leading platform where makers launch new products and early adopters discover them first. Your upvote helps indie developers reach more people!
Site Auditor Pro Analysis Results

Real audit results: 90/100 Overall, 100/100 CSS, 80/100 JS scores

How It Works

  1. Enter any URL — yours or anyone else's
  2. Click "Audit Website" — analysis takes ~10 seconds
  3. Review reports — CSS, JS, accessibility, contrast
  4. Customize & export — edit colors live, download CSS

Site Auditor was built with help from Manus AI, which handled the Expo + React Native Web scaffolding, the TypeScript architecture and the WCAG contrast logic, so it shipped in days instead of weeks. Want to try it? My invite link gives you 500 free credits.

Tech Stack

Expo + React Native Web for cross-platform compatibility, TypeScript for type safety, TailwindCSS for styling, Node.js + Express for the backend, and WCAG 2.1 Standards for compliance.

Who Is This For?

Web developers building accessible sites, UI/UX designers testing color palettes, agencies auditing client sites, indie hackers shipping compliant products solo, and accessibility advocates making the web usable for everyone.

What's Next

Coming soon: user accounts for saved audit history, API access for CI/CD integration, scheduled monitoring, team collaboration features, and a browser extension for one-click audits.

Open Source & Contributing

The project is 100% open source on GitHub. Contributions, feature requests, and bug reports are welcome.

Repository

Source code & docs
Issues

Report bugs
Fork

Contribute

Final Thought

Accessibility isn't optional anymore. With legal requirements like WCAG 2.1 AA becoming standard, and users expecting both light and dark modes, developers need tools that make compliance easy, not painful.

Site Auditor is my contribution to making the web more accessible, one audit at a time. Other tools in this lane: Syn Themes, fin-sig, and the PDF Designer local resume studio.

— Jenni Nexus
January 6, 2026