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 Pro solves this—for me and every developer shipping dark mode websites.
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 Pro 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 Pro
Site Auditor Pro is 100% free with no signup required. Audit any website's accessibility, CSS, and JavaScript in seconds.
Real audit results: 90/100 Overall, 100/100 CSS, 80/100 JS scores
How It Works
- Enter any URL — yours or anyone else's
- Click "Audit Website" — analysis takes ~10 seconds
- Review reports — CSS, JS, accessibility, contrast
- Customize & export — edit colors live, download CSS
Built With Manus AI
Full transparency: Site Auditor Pro was built using Manus AI — an intelligent AI coding agent that helped accelerate development from concept to production in record time.
What is Manus?
Manus is an AI agent platform that goes beyond simple chatbots. It can screen résumés, plan trips, analyze code, write entire applications, and handle complex multistep tasks with minimal human input. Think of it as a virtual developer colleague that never sleeps.
Why it's a big deal: Meta (formerly Facebook) recently acquired Manus in a $2+ billion deal, recognizing its potential to revolutionize how we build software.
Try Manus: Use my invite code to get started — you'll get 500 free credits, and I'll earn credits too if you try it out!
How Manus Helped Build Site Auditor Pro
Manus handled the Expo + React Native Web scaffolding, TypeScript architecture, WCAG contrast algorithms, dual-mode CSS parsing, responsive UI with TailwindCSS, and Vercel deployment configuration. What would have taken weeks was completed in days — resulting in a production-ready app on Vercel's global CDN.
Tech Stack
Expo + React Native Web for cross-platform compatibility, TypeScript for type safety, TailwindCSS for styling, Vercel for deployment, 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.
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 Pro is my contribution to making the web more accessible, one audit at a time.
— Jenni Nexus
January 6, 2026
