SAT demo: Example Shop

SAT demo. This page has 8 accessibility and SEO issues on purpose. SAT finds them: boxes mark the elements, and the panel lists the issues (the counts at the bottom open it). Click an issue to reach its element.

In your project, the Vite plugin shows this panel in vite dev and gives the same issues to your AI agent (Claude Code, Cursor, Copilot, Codex, Gemini CLI, Windsurf, Zed) through MCP, so it fixes them in your source code. Connect your agent

npm install -D seo-accessibility-tool axe-core · SAT on GitHub

What is this

SAT is an accessibility and SEO panel for development: in vite dev it shows WCAG, WAI-ARIA and SEO issues on the page, next to the elements, each with its source. After npx sat-check init your agent checks its routes with sat_check, fixes the code and checks again; in the panel, Send to agent puts an issue in its queue and shows when the agent has fixed and verified it. With axe-core installed, its rules run too. Here, without a dev server, there is only the panel.

Automated checks find only part of the issues: SAT doesn't certify WCAG conformance, and it doesn't see iframes, canvas, or states that appear after an interaction. What SAT does not do

Example Shop

Every section below has one issue on purpose, next to a similar pattern that is valid.

Images

Shipping

Returns

Returns are free within 30 days.

Exchanges

Exchanges are free too.

Terms

Prices include VAT.

Offers end on Sunday.