{"product_id":"accessibility-annotation-generator","title":"Accessibility Annotation Generator","description":"\u003cdiv\u003eGenerates complete accessibility annotations for a UI component or screen — ARIA roles and labels, focus order sequence, keyboard interaction specs, screen reader announcements, and WCAG success criteria references — formatted as engineering-ready handoff documentation. Use when preparing design handoff docs, annotating Figma components for accessibility, specifying ARIA labels and focus order, or documenting keyboard and screen reader behavior for developers.\u003c\/div\u003e\u003cdiv\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cem\u003eThis skill is delivered as a \u003ccode\u003e.zip\u003c\/code\u003e archive containing the skill in a named folder, matching the Anthropic SKILL.md format. Extract directly into your Claude Code skills directory (\u003ccode\u003e~\/.claude\/skills\/\u003c\/code\u003e) to install — or open and paste the contents into Claude.ai, ChatGPT, or any other AI tool.\u003c\/em\u003e\u003c\/div\u003e","brand":"penguin tree ai","offers":[{"title":"Default Title","offer_id":52471398400302,"sku":"accessibility-annotation-generator","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0982\/4203\/6014\/files\/accessibility-annotation-generator_87904590-b814-4c77-a8af-6f1e9843dcde.png?v=1787002345","url":"https:\/\/penguintree.ai\/products\/accessibility-annotation-generator","provider":"penguin tree ai","version":"1.0","type":"link"}