Why I Built This
As a developer who builds websites and applications, I've always been frustrated by the accessibility audit process. Most tools only check your site in one mode - usually light mode - completely ignoring the fact that 85% of developers prefer dark mode, and modern websites need to look good in both.
I was auditing my own site, jenninexus.com, which uses Bootstrap 5.3 with data-bs-theme for dark mode switching. Every existing tool would miss half the issues because they couldn't detect dark mode colors. I'd have to manually toggle themes, take screenshots, and compare contrast ratios by hand. It was tedious, error-prone, and honestly... annoying.
So I built Site Auditor Pro to solve this problem - for myself, and for every developer who's ever shipped a website with dark mode.
What Makes It Different
Site Auditor Pro isn't just another accessibility checker. Here's what makes it unique:
Perfect 100/100 scores across Overall, CSS, and JS metrics
1. Dual-Mode Contrast Analysis
The only free tool that audits both light AND dark mode automatically.
- Detects
@media (prefers-color-scheme: dark)CSS rules - Recognizes Bootstrap's
[data-bs-theme="dark"]pattern - Identifies Tailwind's
.darkclass approach - Provides separate WCAG AA/AAA compliance reports for each mode
- Shows exactly which colors fail in which mode
2. Color Fix Suggestions
Unlike tools that just tell you "this fails," Site Auditor Pro gives you 3 specific color alternatives for every issue:
- Calculated contrast ratios for each suggestion
- WCAG level indicators (AA/AAA)
- Actionable descriptions you can copy-paste
3. Live CSS Variable Editor
The coolest feature: customize your site's colors in real-time.
- Extracts CSS variables from any website
- Separate editors for light and dark mode
- Color pickers with live preview
- Export modified Bootstrap themes
- Download customized CSS instantly
4. Comprehensive Auditing
Beyond accessibility, it checks:
- CSS Quality - fragmentation, naming patterns, optimization opportunities
- JavaScript Analysis - duplicates, bundle size, code quality
- Performance Scoring - overall site health
- Code Auto-Fix - suggests improvements for JS issues
How It Works
Using Site Auditor Pro is dead simple:
- Enter any website URL - yours or anyone else's
- Click "Audit Website" - analysis takes ~10 seconds
- Review the reports - CSS, JS, accessibility, contrast
- Click "Preview & Customize" - edit colors with live preview
- Export your changes - download CSS or copy Bootstrap theme
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. Forbes reports this marks one of the first major U.S. tech acquisitions of a Chinese-founded startup in the AI space.
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! Win-win.
How Manus Helped Build Site Auditor Pro
- Scaffolding - Generated the entire Expo + React Native Web project structure
- TypeScript Architecture - Wrote type-safe components with proper interfaces
- WCAG Algorithms - Implemented complex contrast ratio calculations
- Dual-Mode Detection - Built CSS parsing logic for light/dark theme analysis
- UI/UX Implementation - Designed responsive layouts with TailwindCSS
- Vercel Deployment - Configured production builds and environment variables
What would have taken weeks of manual coding was completed in days with Manus handling the heavy lifting. The result? A production-ready app deployed on Vercel's edge network with instant global CDN distribution.
"Manus has reached $100 million in annual recurring revenue and achieved a $125 million run rate, thanks largely to subscriptions and power users."
Built With Modern Tech
Site Auditor Pro is built with:
- Expo + React Native Web - for cross-platform compatibility
- TypeScript - type-safe, maintainable code
- TailwindCSS - beautiful, responsive design
- Vercel - instant deployment, global CDN
- WCAG 2.1 Standards - industry-standard compliance
Real-world results: Auditing jenninexus.com with 90/100 Overall, 100/100 CSS, 80/100 JS scores
Who Is This For?
- Web Developers - building accessible sites faster
- UI/UX Designers - testing color palettes for compliance
- Agencies - auditing client sites before launch
- Indie Hackers - shipping compliant products solo
- Accessibility Advocates - ensuring the web is usable for everyone
What's Next
This is just v1.0. Here's what's coming:
- User Accounts - save audit history
- API Access - integrate into CI/CD pipelines
- Scheduled Audits - monitor sites over time
- Team Collaboration - share reports with clients
- Browser Extension - audit any page with one click
Try It Now (It's Free!)
Site Auditor Pro is 100% free and requires no signup. Just visit the site and start auditing.
I built this tool because I needed it. If you've ever struggled with accessibility audits, dark mode testing, or WCAG compliance, I think you'll find it useful too.
Open Source & Contributing
The project is 100% open source on GitHub. If you're interested in contributing, have feature requests, or find bugs, feel free to open an issue or submit a PR.
github.com/jenninexus/site-auditor-pro
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.
Here's to building beautiful, accessible websites that work for everyone.
— Jenni Nexus
January 6, 2026
