page screenshots, raw HTML, and the accessibility tree Agent-ready guideline Ecommerce implication Make actions explicit Add to cart, select size, check stock, compare, return, and track order actions should be clearly visible. Keep layouts stable Product info, variants, price, delivery, returns, and CTAs should appear in predictable places across templates. Avoid ghost elements / overlays Pop-ups, transparent layers, or hidden elements shouldn’t cover selectors, filters, cart, or checkout steps. Use semantic HTML Use real buttons, links, labels, selects, and forms so agents can identify and interact with commerce flows. Label forms clearly Checkout, delivery, payment, account, return, and support fields should have connected, descriptive labels. Signal actionability Interactive elements should be visible, large enough, and use clear affordances such as cursor: pointer. Audit the accessibility tree Ensure PDPs, PLPs, guides, reviews, FAQs, and policy pages are machine-readable and structurally stable. https:/ /web.dev/articles/ai-agent-site-ux