Audit Agents

Pattern

Accessibility Audit Agent

Scan a page's HTML for common accessibility gaps (alt text, headings, links, forms, landmarks). Firecrawl scrapes the page; deterministic checks score and list fixes. Optional agent tools read the same scraped context.

IntermediateJan 2026View the full pattern on desktop
Accessibility Audit Agent preview

Problems solved

  • Scan scraped HTML for missing alt text, heading gaps, vague links, unlabeled forms, and landmarks
  • Show an answer-first score and fix list without a chat-first workflow
  • Export a plain-language report of what the HTML scan found
  • Optionally run grounded agent tools on the same scraped context

Use cases

  • HTML accessibility reviews before a design handoff
  • Quick alt text and heading checks on a live URL
  • Remediation lists for product teams
  • Exportable accessibility findings for engineering

AI SDK APIs

gatewayToolLoopAgenttool(hasToolCallstepCountIscreateAgentUIStreamResponseInferAgentUIMessageUIMessagegenerateObject

Tags

aiagentsaccessibilitywcaga11yauditfirecrawlai-sdktool-loopheading-structure

Requirements

Node.js
24+
Memory
256MB
Other
  • Firecrawl API key
  • AI Gateway

Environment variables

External services

firecrawlupstash

Ready to use?

View the full interactive pattern with live preview and copy the source code.

View the pattern on desktop

Related patterns

Branding AgentEnter a brand URL to extract colors, typography, and page copy with Firecrawl. A grounded ToolLoopAgent then checks contrast, generates palette variations, and describes writing voice from the scraped page.Jan 2026
Competitor Research AgentEnter a competitor URL to get a research brief grounded in their own site. Firecrawl maps and scrapes up to four pages, every extracted fact is checked against the scraped text, and an agent adds positioning, gaps, and a sales battle card with quoted evidence.Jan 2026
Marketing Plan & Implement AgentTwo-phase marketing agent with brand context: Stage 0 extracts brand info from URL or manual input, planning phase gathers requirements and creates a plan with todos, implementation phase executes the plan using web scraping and research tools. Uses callOptionsSchema + prepareCall for dynamic agent configuration.Dec 2025
Data Analysis AgentUpload CSV or JSON data and get AI-powered analysis with interactive visualizations. Detect patterns, correlations, outliers, and generate insights with confidence scores. Export comprehensive reports.Jan 2026