Hey everyone!
I just released Lens for Laravel v2.0.0, a major update to my open-source accessibility auditing package for Laravel apps.
The package originally focused on mapping Axe-core WCAG issues back to Blade templates, but v2.0.0 expands that workflow to modern Laravel frontends too.
What’s new in v2.0.0:
- React support: Lens can now locate accessibility issues inside JSX/TSX files and use AI Fix on React components.
- Vue support: Vue single-file components are now supported, including source mapping and AI Fix.
- Livewire support: improved handling for Laravel apps using Livewire-rendered interfaces.
- SPA crawling: optional JavaScript-rendered crawling for apps using Inertia, Vue, React, or other hydrated frontends.
- Scan history: every dashboard scan can now be saved, reviewed later, and compared more easily over time.
- Source type labels: the dashboard now shows whether an issue came from Blade, React, Vue, or another frontend source.
- Better source mapping: improved locator heuristics for nested components, Tailwind-heavy markup, multiline attributes, and escaped CSS selectors.
- AI Fix improvements: fixes can now be suggested and applied beyond Blade templates.
Lens still runs Axe-core under the hood, but instead of only giving you a CSS selector, it tries to point you to the actual source file and line number in your Laravel codebase.
The new scan history also makes it easier to track accessibility work over time instead of treating every audit as a one- off check.
It also includes:
- local dashboard
- route scanning
- full-site crawling
- screenshots with highlighted issues
- PDF exports
- CLI support for CI/CD
- AI-powered fix suggestions using OpenAI, Anthropic, or Gemini
GitHub: https://github.com/webcrafts-studio/lens-for-laravel
Docs & Preview: https://lens.webcrafts.pl/
Would love to hear feedback from people building Laravel apps with Blade, Livewire, Vue, React, or Inertia :)