[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-webflow-webflow-mcpaccessibility-audit":3,"mdc--crytjn-key":37,"related-org-webflow-webflow-mcpaccessibility-audit":2008,"related-repo-webflow-webflow-mcpaccessibility-audit":2197},{"slug":4,"name":5,"fn":6,"description":7,"org":8,"tags":12,"stars":24,"repoUrl":25,"updatedAt":26,"license":27,"forks":28,"topics":29,"repo":32,"sourceUrl":35,"mdContent":36},"webflow-mcpaccessibility-audit","webflow-mcp:accessibility-audit","run accessibility audits on Webflow sites","Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Runs entirely headlessly against a page ID — no Designer connection required. Excludes image alt text (covered by asset-audit skill).",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},"webflow","Webflow","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fwebflow.png",[13,17,20,23],{"name":14,"slug":15,"type":16},"WCAG","wcag","tag",{"name":18,"slug":19,"type":16},"Accessibility","accessibility",{"name":21,"slug":22,"type":16},"Audit","audit",{"name":10,"slug":9,"type":16},107,"https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills","2026-07-21T05:37:25.438324",null,17,[30,31],"agent","skills",{"repoUrl":25,"stars":24,"forks":28,"topics":33,"description":34},[30,31],"Official Webflow Agent Skills","https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills\u002Ftree\u002FHEAD\u002Fplugins\u002Fwebflow-skills\u002Fskills\u002Faccessibility-audit","---\nname: webflow-mcp:accessibility-audit\ndescription: Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Runs entirely headlessly against a page ID — no Designer connection required. Excludes image alt text (covered by asset-audit skill).\nmcp-version: 2.0.1\n---\n\n# Accessibility Audit\n\nComprehensive WCAG 2.1 accessibility audit for Webflow pages with detailed issue detection and actionable fixes.\n\n## Important Note\n\n**ALWAYS use Webflow MCP tools for all operations:**\n- Use Webflow MCP's `webflow_guide_tool` to get best practices before starting\n- Use Webflow MCP's `data_sites_tool` with action `list_sites` to identify available sites\n- Use Webflow MCP's `data_sites_tool` with action `get_site` to retrieve site details\n- Use Webflow MCP's `data_pages_tool` with action `list_pages` to get all pages and their page IDs\n- Use Webflow MCP's `data_element_tool` with action `get_all_elements` (passing the page ID directly) to get detailed element information\n- Use Webflow MCP's `data_element_tool` with action `set_attributes` to fix accessibility issues\n- Use Webflow MCP's `element_snapshot_tool` to get visual previews of elements — this is a Designer tool and requires a Designer connection if used\n- DO NOT use any other tools or methods for Webflow operations\n- All tool calls must include the required `context` parameter (15-25 words, third-person perspective)\n- **No Designer connection is required for the audit or fixes.** `data_element_tool` operates headlessly on any page ID from `list_pages`. Designer is only needed if you choose to use `element_snapshot_tool` for optional visual previews.\n\n## Instructions\n\n### Phase 1: Site & Page Selection\n1. **Get site information**: Use Webflow MCP's `data_sites_tool` with action `list_sites` to identify target site\n2. **Ask for page selection**:\n   - If user provides page ID, use it directly\n   - Otherwise, use `data_pages_tool` with action `list_pages` to show available pages\n   - Let user select which page(s) to audit\n3. **Confirm audit scope**: Ask user what to check:\n   - Full audit (all accessibility checks)\n   - Critical issues only (WCAG Level A)\n   - Specific categories (forms, buttons, navigation, etc.)\n\n### Phase 2: Element Extraction & Analysis\n4. **Extract all elements**: Use `data_element_tool` with action `get_all_elements`, passing the target page's ID from Phase 1, for detailed analysis — no Designer connection needed\n   - Set `include_style_properties: true` to check focus styles\n   - Set `include_all_breakpoint_styles: false` to minimize data\n5. **Parse element data**: Identify interactive and content elements:\n   - Buttons (Button, LinkBlock with button role)\n   - Links (TextLink, Link, LinkBlock)\n   - Form inputs (Input, Select, Textarea)\n   - Headings (Heading elements with levels)\n   - Interactive divs\u002Fspans (check for onClick or interactive roles)\n   - Images (Image elements) - **SKIP for this audit**\n6. **Extract attributes for each element**:\n   - ARIA attributes (aria-label, aria-describedby, role, tabIndex)\n   - DOM attributes (id, domId, href, type, placeholder)\n   - Text content\n   - Style properties (outline, border for focus states)\n   - Element metadata (canHaveAttributes, tag name)\n\n### Phase 3: Accessibility Checks\n\n#### Critical Issues (Must Fix - WCAG Level A)\n7. **Icon-only buttons without labels** (WCAG 4.1.2)\n   - Find: Button elements with no text content\n   - Check: Missing `aria-label` or `aria-labelledby`\n   - Impact: Screen readers cannot identify button purpose\n   - Fix: Add `aria-label` attribute with descriptive text\n\n8. **Form inputs without labels** (WCAG 1.3.1)\n    - Find: Input, Select, Textarea elements\n    - Check: Missing associated label or `aria-label`\n    - Impact: Users don't know what input is for\n    - Fix: Add `aria-label` or associate with `\u003Clabel>` using `id`\n\n9. **Non-semantic click handlers** (WCAG 2.1.1)\n    - Find: Div or Span elements (identified by element type)\n    - Check: Interactive behavior without proper role\u002Fkeyboard support\n    - Impact: Not keyboard accessible, screen readers miss interactivity\n    - Fix: Add `role=\"button\"`, `tabIndex=\"0\"`, suggest using real `\u003Cbutton>`\n\n10. **Links without destination** (WCAG 2.1.1)\n    - Find: Link elements with no `href` attribute\n    - Check: Links that only use onClick without href\n    - Impact: Not keyboard accessible, breaks browser features\n    - Fix: Add proper `href` or convert to button\n\n#### Serious Issues (Should Fix - WCAG Level AA)\n11. **Focus outline removed without replacement** (WCAG 2.4.7)\n    - Find: Elements with `outline: none` style\n    - Check: No visible alternative focus indicator\n    - Impact: Keyboard users can't see focus\n    - Fix: Add visible focus style (border, box-shadow, background change)\n\n12. **Missing keyboard handlers** (WCAG 2.1.1)\n    - Find: Elements with onClick handlers\n    - Check: Missing onKeyDown for Enter\u002FSpace keys\n    - Impact: Not usable with keyboard alone\n    - Fix: Add keyboard event handlers\n\n13. **Touch target too small** (WCAG 2.5.5)\n    - Find: Clickable elements (buttons, links)\n    - Check: Width or height \u003C 44px\n    - Impact: Hard to tap on mobile devices\n    - Fix: Increase padding or min-width\u002Fmin-height to 44px\n\n#### Moderate Issues (Consider Fixing)\n14. **Heading hierarchy problems** (WCAG 1.3.1)\n    - Find: Heading elements (h1-h6)\n    - Check: Skipped levels (h1 → h3, skipping h2)\n    - Impact: Confusing document structure\n    - Fix: Use proper sequential heading levels\n\n15. **Positive tabIndex** (WCAG 2.4.3)\n    - Find: Elements with tabIndex > 0\n    - Check: Disrupts natural tab order\n    - Impact: Confusing keyboard navigation\n    - Fix: Use tabIndex=\"0\" or \"-1\" only, let natural DOM order work\n\n16. **Role without required attributes** (WCAG 4.1.2)\n    - Find: Elements with ARIA roles\n    - Check: Missing required ARIA attributes (e.g., role=\"button\" without tabIndex)\n    - Impact: Incomplete accessibility semantics\n    - Fix: Add required attributes for role\n\n### Phase 4: Issue Categorization & Scoring\n17. **Categorize all findings**:\n    - Critical: Must fix (blocks access)\n    - Serious: Should fix (significantly impacts usability)\n    - Moderate: Consider fixing (improves experience)\n\n18. **Calculate accessibility score** (0-100):\n    - Start at 100\n    - Critical issue: -10 points each\n    - Serious issue: -5 points each\n    - Moderate issue: -2 points each\n    - Minimum score: 0\n\n19. **Generate severity summary**:\n    - Total issues found\n    - Breakdown by severity\n    - Most common issue types\n    - Pages\u002Fsections most affected\n\n### Phase 5: Report Generation\n20. **Create detailed report** with specific format:\n    ```\n    ═══════════════════════════════════════════════════\n    ACCESSIBILITY AUDIT: [Page Name]\n    ═══════════════════════════════════════════════════\n\n    CRITICAL (X issues)\n    ───────────────────\n    [A11Y] Element: Button \"Submit\"\n      Issue: Button missing accessible name\n      Location: Form section, element ID: {component: \"abc\", element: \"xyz\"}\n      Current: \u003Cbutton>\u003CCloseIcon \u002F>\u003C\u002Fbutton>\n      Fix: Add aria-label=\"Close\"\n      WCAG: 4.1.2 Name, Role, Value\n\n    [A11Y] Element: Input field\n      Issue: Form input without label\n      Location: Contact form, element ID: {component: \"def\", element: \"uvw\"}\n      Current: \u003Cinput type=\"email\" \u002F>\n      Fix: Add aria-label=\"Email address\" or associate with \u003Clabel>\n      WCAG: 1.3.1 Info and Relationships\n\n    SERIOUS (X issues)\n    ──────────────────\n    [A11Y] Element: Link \"Read more\"\n      Issue: Focus outline removed without visible alternative\n      Location: Blog section\n      Current: outline: none\n      Fix: Add visible focus style (e.g., border: 2px solid blue)\n      WCAG: 2.4.7 Focus Visible\n\n    MODERATE (X issues)\n    ───────────────────\n    [A11Y] Element: Heading\n      Issue: Heading hierarchy skipped (h1 → h3)\n      Location: Article section\n      Current: \u003Ch3>Subsection\u003C\u002Fh3> after \u003Ch1>Title\u003C\u002Fh1>\n      Fix: Change to \u003Ch2> or add intermediate h2\n      WCAG: 1.3.1 Info and Relationships\n\n    ═══════════════════════════════════════════════════\n    SUMMARY\n    ───────────────────────────────────────────────────\n    Total Issues: X\n    - Critical: X issues\n    - Serious: X issues\n    - Moderate: X issues\n\n    Accessibility Score: XX\u002F100\n\n    Most Common Issues:\n    1. [Issue type] - X occurrences\n    2. [Issue type] - X occurrences\n    3. [Issue type] - X occurrences\n    ═══════════════════════════════════════════════════\n    ```\n\n21. **Provide actionable insights**:\n    - Prioritized fix list (critical first)\n    - Quick wins (easy fixes with big impact)\n    - Design pattern recommendations\n    - Resources for learning more\n\n### Phase 6: Fix Suggestions & Approval (Optional)\n22. **Offer to fix issues automatically**: Fixes don't require Designer, so offer auto-fixes directly\n23. **Show preview of fixes**:\n    ```\n    Which issues would you like to fix?\n\n    [1] ✓ Add aria-label to Submit button\n        Element: Button in contact form\n        Fix: Add aria-label=\"Submit contact form\"\n        Safe: Yes (adding attribute only)\n\n    [2] ✓ Add aria-label to email input\n        Element: Input in contact form\n        Fix: Add aria-label=\"Email address\"\n        Safe: Yes\n\n    [3] ⚠️ Fix heading hierarchy\n        Element: h3 in article section\n        Fix: Change heading level from h3 to h2\n        Safe: May affect visual styling\n\n    Type numbers to skip (e.g., \"3\"), \"all\" for all, \"none\" to cancel\n    ```\n\n24. **Apply approved fixes**: Use `data_element_tool` with action `set_attributes`\n    - Process in batches\n    - Show progress for large fix sets\n    - Report success\u002Ffailure for each\n\n25. **Generate post-fix report**:\n    - Issues fixed: X\n    - Issues remaining: Y\n    - New accessibility score: XX\u002F100 (improved from YY\u002F100)\n\n### Phase 7: Export & Resources (Optional)\n26. **Offer export formats**:\n    - Markdown (readable documentation)\n    - JSON (machine-readable for tracking)\n    - CSV (spreadsheet for team review)\n\n27. **Provide resources**:\n    - WCAG 2.1 quick reference links\n    - Webflow accessibility best practices\n    - Recommended testing tools (browser extensions, screen readers)\n\n## Important Considerations\n\n### What This Skill Checks\n✅ Button accessibility (labels, roles)\n✅ Form input labels and associations\n✅ Link semantics and keyboard access\n✅ Focus visibility and keyboard navigation\n✅ Heading hierarchy and structure\n✅ ARIA roles and attributes\n✅ Touch target sizes\n✅ Interactive element semantics\n\n### What This Skill Does NOT Check\n❌ Image alt text (use **asset-audit** skill instead)\n❌ Color contrast ratios (requires visual analysis)\n❌ Animation\u002Fmotion preferences\n❌ Screen reader testing (needs manual verification)\n❌ Content readability (language level, clarity)\n\n### Limitations\n- Cannot detect visual-only issues (color contrast, small text)\n- Cannot test actual screen reader behavior\n- Cannot validate content quality or clarity\n- Relies on element attributes and structure only\n\n## Examples\n\n### Example 1: Full Page Audit\n\n**User prompt:**\n```\nRun an accessibility audit on my homepage\n```\n\n**Step 1: Site & Page Selection**\n```\n🔍 Accessibility Audit: Page Selection\n\nI'll help you audit your homepage for accessibility issues.\n\nFirst, let me get your site information...\n\nAvailable sites:\n1. Company Website\n2. Portfolio Site\n\nWhich site? (1\u002F2)\n```\n\n**User response:** `1`\n\n**Step 2: Page Selection**\n```\nAvailable pages in Company Website:\n1. Home (\u002F)\n2. About (\u002Fabout)\n3. Contact (\u002Fcontact)\n4. Blog (\u002Fblog)\n\nWhich page would you like to audit? (1 for Home)\n```\n\n**User response:** `1`\n\n**Step 3: Audit Scope**\n```\nWhat level of audit would you like?\n\n1. Full audit (all WCAG checks) - Recommended\n2. Critical issues only (Level A compliance)\n3. Specific categories (buttons, forms, navigation)\n\nYour choice: (1\u002F2\u002F3)\n```\n\n**User response:** `1`\n\n**Step 4: Audit Progress**\n```\n🔄 Running Accessibility Audit...\n\nProgress:\n✅ Extracted page content (45 elements)\n✅ Analyzing buttons and interactive elements\n✅ Checking form inputs and labels\n✅ Validating heading hierarchy\n✅ Checking keyboard navigation\n🔄 Analyzing focus states...\n\nAnalysis complete!\n```\n\n**Step 5: Report**\n```\n═══════════════════════════════════════════════════\nACCESSIBILITY AUDIT: Home\n═══════════════════════════════════════════════════\n\nCRITICAL (3 issues)\n───────────────────\n[A11Y] Element: Button (navigation toggle)\n  Issue: Icon-only button missing accessible name\n  Location: Header navigation\n  Element ID: {component: \"nav-01\", element: \"btn-menu\"}\n  Current: \u003Cbutton>\u003CMenuIcon \u002F>\u003C\u002Fbutton>\n  Fix: Add aria-label=\"Open navigation menu\"\n  WCAG: 4.1.2 Name, Role, Value\n\n[A11Y] Element: Input (email subscription)\n  Issue: Form input without label\n  Location: Footer, newsletter signup\n  Element ID: {component: \"footer-01\", element: \"email-input\"}\n  Current: \u003Cinput type=\"email\" placeholder=\"Enter email\" \u002F>\n  Fix: Add aria-label=\"Email address for newsletter\"\n  WCAG: 1.3.1 Info and Relationships\n\n[A11Y] Element: Div (clickable card)\n  Issue: Non-semantic interactive element\n  Location: Services section, card 2\n  Element ID: {component: \"services-01\", element: \"card-02\"}\n  Current: \u003Cdiv onClick={...}>Service card\u003C\u002Fdiv>\n  Fix: Convert to \u003Cbutton> or add role=\"button\" + tabIndex=\"0\"\n  WCAG: 2.1.1 Keyboard\n\nSERIOUS (5 issues)\n──────────────────\n[A11Y] Element: Link \"Learn more\"\n  Issue: Focus outline removed without visible alternative\n  Location: Hero section\n  Element ID: {component: \"hero-01\", element: \"cta-link\"}\n  Current: outline: none\n  Fix: Add focus style - border: 2px solid #0066cc or box-shadow\n  WCAG: 2.4.7 Focus Visible\n\n[A11Y] Element: Button \"Subscribe\"\n  Issue: Touch target too small (30px × 36px)\n  Location: Footer newsletter form\n  Element ID: {component: \"footer-01\", element: \"submit-btn\"}\n  Current: Small button\n  Fix: Increase padding or set min-height: 44px\n  WCAG: 2.5.5 Target Size\n\n[continues with 3 more serious issues...]\n\nMODERATE (4 issues)\n───────────────────\n[A11Y] Element: Heading \"Our Services\"\n  Issue: Heading hierarchy skipped (h1 → h3)\n  Location: Services section\n  Element ID: {component: \"services-01\", element: \"heading\"}\n  Current: \u003Ch3>Our Services\u003C\u002Fh3> follows \u003Ch1>Welcome\u003C\u002Fh1>\n  Fix: Change to \u003Ch2> to maintain proper hierarchy\n  WCAG: 1.3.1 Info and Relationships\n\n[continues with 3 more moderate issues...]\n\n═══════════════════════════════════════════════════\nSUMMARY\n───────────────────────────────────────────────────\nTotal Issues: 12\n- Critical: 3 issues (must fix)\n- Serious: 5 issues (should fix)\n- Moderate: 4 issues (consider fixing)\n\nAccessibility Score: 64\u002F100\n\nMost Common Issues:\n1. Missing button labels - 2 occurrences\n2. Focus styles removed - 3 occurrences\n3. Heading hierarchy problems - 2 occurrences\n\nQuick Wins (Easy + High Impact):\n✨ Add aria-label to icon buttons (2 min, +20 score points)\n✨ Add input labels (5 min, +10 score points)\n✨ Add focus styles (10 min, +15 score points)\n\n═══════════════════════════════════════════════════\n\n💡 Next Steps:\n1. Fix critical issues first (blocks access for some users)\n2. Add visible focus styles for keyboard users\n3. Test with keyboard navigation (Tab, Enter, Space keys)\n4. Consider testing with screen reader (NVDA\u002FJAWS\u002FVoiceOver)\n\nWould you like me to help fix these issues?\n```\n\n### Example 2: Multi-Page Audit\n\n**User prompt:**\n```\nAudit accessibility across my entire site\n```\n\n**Agent response:**\n```\n🔍 Multi-Page Accessibility Audit\n\nI'll audit all pages on your site for accessibility issues.\n\nFound 8 pages:\n1. Home\n2. About\n3. Services\n4. Team\n5. Blog\n6. Blog Post Template (CMS)\n7. Contact\n8. Privacy Policy\n\nThis will take approximately 2-3 minutes.\n\nProceed with full site audit? (yes\u002Fno)\n```\n\n**User:** `yes`\n\n**Progress:**\n```\n🔄 Auditing Site Accessibility...\n\nProgress: ████████████░░░░░░░░ 60% (5\u002F8 pages)\n\n✅ Home - Score: 64\u002F100 (12 issues)\n✅ About - Score: 78\u002F100 (6 issues)\n✅ Services - Score: 71\u002F100 (9 issues)\n✅ Team - Score: 85\u002F100 (4 issues)\n✅ Blog - Score: 82\u002F100 (5 issues)\n🔄 Analyzing Blog Post Template...\n```\n\n**Final Report:**\n```\n═══════════════════════════════════════════════════\nSITE-WIDE ACCESSIBILITY AUDIT\n═══════════════════════════════════════════════════\n\nOVERALL SCORE: 73\u002F100\n\nPages Audited: 8\nTotal Issues: 48\n- Critical: 11 issues\n- Serious: 21 issues\n- Moderate: 16 issues\n\n═══════════════════════════════════════════════════\nISSUES BY PAGE\n═══════════════════════════════════════════════════\n\n🔴 Lowest Scores (Need Attention):\n1. Home - 64\u002F100 (12 issues: 3 critical, 5 serious, 4 moderate)\n2. Services - 71\u002F100 (9 issues: 2 critical, 5 serious, 2 moderate)\n3. About - 78\u002F100 (6 issues: 1 critical, 3 serious, 2 moderate)\n\n🟢 Highest Scores:\n1. Team - 85\u002F100 (4 issues: 0 critical, 2 serious, 2 moderate)\n2. Blog - 82\u002F100 (5 issues: 1 critical, 2 serious, 2 moderate)\n\n═══════════════════════════════════════════════════\nSITE-WIDE PATTERNS\n═══════════════════════════════════════════════════\n\nMost Common Issues Across Site:\n1. Missing button labels (icon buttons) - 8 occurrences\n   Pages affected: Home, Services, Blog, Contact\n\n2. Focus outline removed - 12 occurrences\n   Pages affected: All pages (site-wide CSS issue)\n\n3. Form inputs without labels - 5 occurrences\n   Pages affected: Home, Contact\n\n4. Small touch targets (\u003C44px) - 9 occurrences\n   Pages affected: Home, About, Services, Contact\n\n═══════════════════════════════════════════════════\nRECOMMENDATIONS\n═══════════════════════════════════════════════════\n\n🎯 Site-Wide Fixes (Fix Once, Helps Everywhere):\n1. Add focus styles to global CSS (affects 12 issues across all pages)\n2. Update button component to require aria-label (affects 8 issues)\n3. Increase minimum touch target size in design system (affects 9 issues)\n\n📋 Page-Specific Priorities:\n1. Home page: Fix navigation menu button and newsletter form\n2. Services page: Add labels to service card interactions\n3. Contact page: Add proper labels to all form inputs\n\n💡 Design System Improvements:\n- Create accessible button component with required aria-label\n- Add focus state variants to all interactive components\n- Set minimum touch target size standard (44px)\n\nWould you like:\n1. Detailed report for specific page\n2. Export findings to file (Markdown\u002FJSON\u002FCSV)\n3. Help fixing site-wide issues\n```\n\n### Example 3: Critical Issues Only\n\n**User prompt:**\n```\nCheck my contact page for critical accessibility issues only\n```\n\n**Agent response:**\n```\n🔍 Critical Issues Audit: Contact Page\n\nRunning quick scan for blocking accessibility issues...\n\n✅ Page analyzed\n\n═══════════════════════════════════════════════════\nCRITICAL ISSUES: Contact Page\n═══════════════════════════════════════════════════\n\nFound: 4 critical issues\n\n[1] Form Input Missing Label\n    Element: Email input field\n    Location: Contact form, top\n    Issue: No accessible name for screen readers\n    Fix: Add aria-label=\"Your email address\"\n    WCAG: 1.3.1 (Level A)\n\n[2] Form Input Missing Label\n    Element: Message textarea\n    Location: Contact form, bottom\n    Issue: No accessible name for screen readers\n    Fix: Add aria-label=\"Your message\"\n    WCAG: 1.3.1 (Level A)\n\n[3] Button Missing Label\n    Element: Submit button\n    Location: Contact form, bottom\n    Issue: Icon-only button with no text\n    Fix: Add aria-label=\"Submit contact form\"\n    WCAG: 4.1.2 (Level A)\n\n[4] Non-Semantic Interactive Element\n    Element: Social media link (Instagram)\n    Location: Footer\n    Issue: Div with onClick instead of proper link\n    Fix: Convert to \u003Ca href=\"...\"> with aria-label=\"Instagram\"\n    WCAG: 2.1.1 (Level A)\n\n═══════════════════════════════════════════════════\n\n⚠️ Impact: These issues prevent screen reader users from using your contact form.\n\n🔧 Estimated fix time: 5 minutes\n\nWould you like me to:\n1. Run full audit (includes serious and moderate issues)\n2. Fix these 4 critical issues now\n3. Export this report (Markdown\u002FJSON\u002FCSV)\n```\n\n## Safety Rules\n\n### Preview & Confirmation\n- Always show detailed issue list before suggesting fixes\n- Clearly mark severity levels (critical\u002Fserious\u002Fmoderate)\n- Explain impact of each issue in user-friendly terms\n- Provide specific WCAG reference for each finding\n\n### Granular Approval for Fixes\n- Allow user to select which issues to fix\n- Warn about fixes that might affect visual design\n- Process fixes in batches with progress indicators\n- Report success\u002Ffailure for each fix attempt\n\n### Error Handling\n- If page cannot be accessed, explain clearly\n- If element cannot be modified, suggest manual fix\n- Separate automated fixes from manual review items\n\n### Validation\n- Verify element types before suggesting fixes\n- Check if element supports attributes before adding\n- Test that suggested fixes are valid for element type\n- Warn if fix might break existing functionality\n\n## Output Standards\n\n### Icons & Formatting\n- 🔍 Discovery\u002FAnalysis\n- 🔄 Processing\n- ✅ Pass\u002FSuccess\n- ❌ Fail\u002FCritical Issue\n- ⚠️ Warning\u002FSerious Issue\n- 💡 Suggestion\u002FModerate Issue\n- 📊 Report\u002FSummary\n- 🎯 Priority\u002FAction Item\n- 🔴 Critical Priority\n- 🟡 Medium Priority\n- 🟢 Low Priority\n\n### Report Structure\n1. Clear severity categorization\n2. Specific element identification with IDs\n3. Current state vs recommended fix\n4. WCAG reference for each issue\n5. Summary with actionable priorities\n6. Score for measurable progress\n\n### Communication\n- Use clear, jargon-free language\n- Explain WHY something is an issue (impact on users)\n- Provide specific, actionable fixes\n- Encourage testing with real assistive technology\n- Emphasize that automated checks are just the start\n\n## Resources to Include\n\n### WCAG 2.1 Quick Reference\n- https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG21\u002Fquickref\u002F\n\n### Webflow Accessibility Resources\n- Webflow University: Accessibility best practices\n- Using semantic HTML in Webflow\n- Adding ARIA attributes in Webflow\n\n### Testing Tools\n- Keyboard: Tab, Shift+Tab, Enter, Space\n- Screen readers: NVDA (Windows), JAWS, VoiceOver (Mac\u002FiOS)\n- Browser extensions: axe DevTools, WAVE, Lighthouse\n\n### Common Fixes\n- Button labels: Always include visible text or aria-label\n- Form labels: Use Webflow's label element or aria-label\n- Focus styles: Use :focus-visible pseudo-class\n- Semantic HTML: Use proper elements (button, a, label)\n",{"data":38,"body":40},{"name":5,"description":7,"mcp-version":39},"2.0.1",{"type":41,"children":42},"root",[43,52,58,65,74,248,254,261,357,363,503,509,516,733,739,849,855,956,962,1063,1069,1127,1133,1230,1236,1294,1300,1306,1311,1317,1329,1335,1358,1364,1370,1378,1387,1395,1404,1419,1427,1436,1449,1457,1466,1479,1487,1496,1504,1513,1519,1526,1535,1543,1552,1567,1575,1584,1592,1601,1607,1614,1623,1630,1639,1645,1651,1674,1680,1703,1709,1727,1733,1756,1762,1768,1826,1832,1865,1871,1899,1905,1911,1925,1931,1949,1955,1973,1979],{"type":44,"tag":45,"props":46,"children":48},"element","h1",{"id":47},"accessibility-audit",[49],{"type":50,"value":51},"text","Accessibility Audit",{"type":44,"tag":53,"props":54,"children":55},"p",{},[56],{"type":50,"value":57},"Comprehensive WCAG 2.1 accessibility audit for Webflow pages with detailed issue detection and actionable fixes.",{"type":44,"tag":59,"props":60,"children":62},"h2",{"id":61},"important-note",[63],{"type":50,"value":64},"Important Note",{"type":44,"tag":53,"props":66,"children":67},{},[68],{"type":44,"tag":69,"props":70,"children":71},"strong",{},[72],{"type":50,"value":73},"ALWAYS use Webflow MCP tools for all operations:",{"type":44,"tag":75,"props":76,"children":77},"ul",{},[78,93,113,131,150,169,187,199,204,217],{"type":44,"tag":79,"props":80,"children":81},"li",{},[82,84,91],{"type":50,"value":83},"Use Webflow MCP's ",{"type":44,"tag":85,"props":86,"children":88},"code",{"className":87},[],[89],{"type":50,"value":90},"webflow_guide_tool",{"type":50,"value":92}," to get best practices before starting",{"type":44,"tag":79,"props":94,"children":95},{},[96,97,103,105,111],{"type":50,"value":83},{"type":44,"tag":85,"props":98,"children":100},{"className":99},[],[101],{"type":50,"value":102},"data_sites_tool",{"type":50,"value":104}," with action ",{"type":44,"tag":85,"props":106,"children":108},{"className":107},[],[109],{"type":50,"value":110},"list_sites",{"type":50,"value":112}," to identify available sites",{"type":44,"tag":79,"props":114,"children":115},{},[116,117,122,123,129],{"type":50,"value":83},{"type":44,"tag":85,"props":118,"children":120},{"className":119},[],[121],{"type":50,"value":102},{"type":50,"value":104},{"type":44,"tag":85,"props":124,"children":126},{"className":125},[],[127],{"type":50,"value":128},"get_site",{"type":50,"value":130}," to retrieve site details",{"type":44,"tag":79,"props":132,"children":133},{},[134,135,141,142,148],{"type":50,"value":83},{"type":44,"tag":85,"props":136,"children":138},{"className":137},[],[139],{"type":50,"value":140},"data_pages_tool",{"type":50,"value":104},{"type":44,"tag":85,"props":143,"children":145},{"className":144},[],[146],{"type":50,"value":147},"list_pages",{"type":50,"value":149}," to get all pages and their page IDs",{"type":44,"tag":79,"props":151,"children":152},{},[153,154,160,161,167],{"type":50,"value":83},{"type":44,"tag":85,"props":155,"children":157},{"className":156},[],[158],{"type":50,"value":159},"data_element_tool",{"type":50,"value":104},{"type":44,"tag":85,"props":162,"children":164},{"className":163},[],[165],{"type":50,"value":166},"get_all_elements",{"type":50,"value":168}," (passing the page ID directly) to get detailed element information",{"type":44,"tag":79,"props":170,"children":171},{},[172,173,178,179,185],{"type":50,"value":83},{"type":44,"tag":85,"props":174,"children":176},{"className":175},[],[177],{"type":50,"value":159},{"type":50,"value":104},{"type":44,"tag":85,"props":180,"children":182},{"className":181},[],[183],{"type":50,"value":184},"set_attributes",{"type":50,"value":186}," to fix accessibility issues",{"type":44,"tag":79,"props":188,"children":189},{},[190,191,197],{"type":50,"value":83},{"type":44,"tag":85,"props":192,"children":194},{"className":193},[],[195],{"type":50,"value":196},"element_snapshot_tool",{"type":50,"value":198}," to get visual previews of elements — this is a Designer tool and requires a Designer connection if used",{"type":44,"tag":79,"props":200,"children":201},{},[202],{"type":50,"value":203},"DO NOT use any other tools or methods for Webflow operations",{"type":44,"tag":79,"props":205,"children":206},{},[207,209,215],{"type":50,"value":208},"All tool calls must include the required ",{"type":44,"tag":85,"props":210,"children":212},{"className":211},[],[213],{"type":50,"value":214},"context",{"type":50,"value":216}," parameter (15-25 words, third-person perspective)",{"type":44,"tag":79,"props":218,"children":219},{},[220,225,227,232,234,239,241,246],{"type":44,"tag":69,"props":221,"children":222},{},[223],{"type":50,"value":224},"No Designer connection is required for the audit or fixes.",{"type":50,"value":226}," ",{"type":44,"tag":85,"props":228,"children":230},{"className":229},[],[231],{"type":50,"value":159},{"type":50,"value":233}," operates headlessly on any page ID from ",{"type":44,"tag":85,"props":235,"children":237},{"className":236},[],[238],{"type":50,"value":147},{"type":50,"value":240},". Designer is only needed if you choose to use ",{"type":44,"tag":85,"props":242,"children":244},{"className":243},[],[245],{"type":50,"value":196},{"type":50,"value":247}," for optional visual previews.",{"type":44,"tag":59,"props":249,"children":251},{"id":250},"instructions",[252],{"type":50,"value":253},"Instructions",{"type":44,"tag":255,"props":256,"children":258},"h3",{"id":257},"phase-1-site-page-selection",[259],{"type":50,"value":260},"Phase 1: Site & Page Selection",{"type":44,"tag":262,"props":263,"children":264},"ol",{},[265,288,329],{"type":44,"tag":79,"props":266,"children":267},{},[268,273,275,280,281,286],{"type":44,"tag":69,"props":269,"children":270},{},[271],{"type":50,"value":272},"Get site information",{"type":50,"value":274},": Use Webflow MCP's ",{"type":44,"tag":85,"props":276,"children":278},{"className":277},[],[279],{"type":50,"value":102},{"type":50,"value":104},{"type":44,"tag":85,"props":282,"children":284},{"className":283},[],[285],{"type":50,"value":110},{"type":50,"value":287}," to identify target site",{"type":44,"tag":79,"props":289,"children":290},{},[291,296,298],{"type":44,"tag":69,"props":292,"children":293},{},[294],{"type":50,"value":295},"Ask for page selection",{"type":50,"value":297},":\n",{"type":44,"tag":75,"props":299,"children":300},{},[301,306,324],{"type":44,"tag":79,"props":302,"children":303},{},[304],{"type":50,"value":305},"If user provides page ID, use it directly",{"type":44,"tag":79,"props":307,"children":308},{},[309,311,316,317,322],{"type":50,"value":310},"Otherwise, use ",{"type":44,"tag":85,"props":312,"children":314},{"className":313},[],[315],{"type":50,"value":140},{"type":50,"value":104},{"type":44,"tag":85,"props":318,"children":320},{"className":319},[],[321],{"type":50,"value":147},{"type":50,"value":323}," to show available pages",{"type":44,"tag":79,"props":325,"children":326},{},[327],{"type":50,"value":328},"Let user select which page(s) to audit",{"type":44,"tag":79,"props":330,"children":331},{},[332,337,339],{"type":44,"tag":69,"props":333,"children":334},{},[335],{"type":50,"value":336},"Confirm audit scope",{"type":50,"value":338},": Ask user what to check:\n",{"type":44,"tag":75,"props":340,"children":341},{},[342,347,352],{"type":44,"tag":79,"props":343,"children":344},{},[345],{"type":50,"value":346},"Full audit (all accessibility checks)",{"type":44,"tag":79,"props":348,"children":349},{},[350],{"type":50,"value":351},"Critical issues only (WCAG Level A)",{"type":44,"tag":79,"props":353,"children":354},{},[355],{"type":50,"value":356},"Specific categories (forms, buttons, navigation, etc.)",{"type":44,"tag":255,"props":358,"children":360},{"id":359},"phase-2-element-extraction-analysis",[361],{"type":50,"value":362},"Phase 2: Element Extraction & Analysis",{"type":44,"tag":262,"props":364,"children":366},{"start":365},4,[367,418,466],{"type":44,"tag":79,"props":368,"children":369},{},[370,375,377,382,383,388,390],{"type":44,"tag":69,"props":371,"children":372},{},[373],{"type":50,"value":374},"Extract all elements",{"type":50,"value":376},": Use ",{"type":44,"tag":85,"props":378,"children":380},{"className":379},[],[381],{"type":50,"value":159},{"type":50,"value":104},{"type":44,"tag":85,"props":384,"children":386},{"className":385},[],[387],{"type":50,"value":166},{"type":50,"value":389},", passing the target page's ID from Phase 1, for detailed analysis — no Designer connection needed\n",{"type":44,"tag":75,"props":391,"children":392},{},[393,406],{"type":44,"tag":79,"props":394,"children":395},{},[396,398,404],{"type":50,"value":397},"Set ",{"type":44,"tag":85,"props":399,"children":401},{"className":400},[],[402],{"type":50,"value":403},"include_style_properties: true",{"type":50,"value":405}," to check focus styles",{"type":44,"tag":79,"props":407,"children":408},{},[409,410,416],{"type":50,"value":397},{"type":44,"tag":85,"props":411,"children":413},{"className":412},[],[414],{"type":50,"value":415},"include_all_breakpoint_styles: false",{"type":50,"value":417}," to minimize data",{"type":44,"tag":79,"props":419,"children":420},{},[421,426,428],{"type":44,"tag":69,"props":422,"children":423},{},[424],{"type":50,"value":425},"Parse element data",{"type":50,"value":427},": Identify interactive and content elements:\n",{"type":44,"tag":75,"props":429,"children":430},{},[431,436,441,446,451,456],{"type":44,"tag":79,"props":432,"children":433},{},[434],{"type":50,"value":435},"Buttons (Button, LinkBlock with button role)",{"type":44,"tag":79,"props":437,"children":438},{},[439],{"type":50,"value":440},"Links (TextLink, Link, LinkBlock)",{"type":44,"tag":79,"props":442,"children":443},{},[444],{"type":50,"value":445},"Form inputs (Input, Select, Textarea)",{"type":44,"tag":79,"props":447,"children":448},{},[449],{"type":50,"value":450},"Headings (Heading elements with levels)",{"type":44,"tag":79,"props":452,"children":453},{},[454],{"type":50,"value":455},"Interactive divs\u002Fspans (check for onClick or interactive roles)",{"type":44,"tag":79,"props":457,"children":458},{},[459,461],{"type":50,"value":460},"Images (Image elements) - ",{"type":44,"tag":69,"props":462,"children":463},{},[464],{"type":50,"value":465},"SKIP for this audit",{"type":44,"tag":79,"props":467,"children":468},{},[469,474,475],{"type":44,"tag":69,"props":470,"children":471},{},[472],{"type":50,"value":473},"Extract attributes for each element",{"type":50,"value":297},{"type":44,"tag":75,"props":476,"children":477},{},[478,483,488,493,498],{"type":44,"tag":79,"props":479,"children":480},{},[481],{"type":50,"value":482},"ARIA attributes (aria-label, aria-describedby, role, tabIndex)",{"type":44,"tag":79,"props":484,"children":485},{},[486],{"type":50,"value":487},"DOM attributes (id, domId, href, type, placeholder)",{"type":44,"tag":79,"props":489,"children":490},{},[491],{"type":50,"value":492},"Text content",{"type":44,"tag":79,"props":494,"children":495},{},[496],{"type":50,"value":497},"Style properties (outline, border for focus states)",{"type":44,"tag":79,"props":499,"children":500},{},[501],{"type":50,"value":502},"Element metadata (canHaveAttributes, tag name)",{"type":44,"tag":255,"props":504,"children":506},{"id":505},"phase-3-accessibility-checks",[507],{"type":50,"value":508},"Phase 3: Accessibility Checks",{"type":44,"tag":510,"props":511,"children":513},"h4",{"id":512},"critical-issues-must-fix-wcag-level-a",[514],{"type":50,"value":515},"Critical Issues (Must Fix - WCAG Level A)",{"type":44,"tag":262,"props":517,"children":519},{"start":518},7,[520,574,632,686],{"type":44,"tag":79,"props":521,"children":522},{},[523,528,530],{"type":44,"tag":69,"props":524,"children":525},{},[526],{"type":50,"value":527},"Icon-only buttons without labels",{"type":50,"value":529}," (WCAG 4.1.2)",{"type":44,"tag":75,"props":531,"children":532},{},[533,538,557,562],{"type":44,"tag":79,"props":534,"children":535},{},[536],{"type":50,"value":537},"Find: Button elements with no text content",{"type":44,"tag":79,"props":539,"children":540},{},[541,543,549,551],{"type":50,"value":542},"Check: Missing ",{"type":44,"tag":85,"props":544,"children":546},{"className":545},[],[547],{"type":50,"value":548},"aria-label",{"type":50,"value":550}," or ",{"type":44,"tag":85,"props":552,"children":554},{"className":553},[],[555],{"type":50,"value":556},"aria-labelledby",{"type":44,"tag":79,"props":558,"children":559},{},[560],{"type":50,"value":561},"Impact: Screen readers cannot identify button purpose",{"type":44,"tag":79,"props":563,"children":564},{},[565,567,572],{"type":50,"value":566},"Fix: Add ",{"type":44,"tag":85,"props":568,"children":570},{"className":569},[],[571],{"type":50,"value":548},{"type":50,"value":573}," attribute with descriptive text",{"type":44,"tag":79,"props":575,"children":576},{},[577,582,584],{"type":44,"tag":69,"props":578,"children":579},{},[580],{"type":50,"value":581},"Form inputs without labels",{"type":50,"value":583}," (WCAG 1.3.1)",{"type":44,"tag":75,"props":585,"children":586},{},[587,592,602,607],{"type":44,"tag":79,"props":588,"children":589},{},[590],{"type":50,"value":591},"Find: Input, Select, Textarea elements",{"type":44,"tag":79,"props":593,"children":594},{},[595,597],{"type":50,"value":596},"Check: Missing associated label or ",{"type":44,"tag":85,"props":598,"children":600},{"className":599},[],[601],{"type":50,"value":548},{"type":44,"tag":79,"props":603,"children":604},{},[605],{"type":50,"value":606},"Impact: Users don't know what input is for",{"type":44,"tag":79,"props":608,"children":609},{},[610,611,616,618,624,626],{"type":50,"value":566},{"type":44,"tag":85,"props":612,"children":614},{"className":613},[],[615],{"type":50,"value":548},{"type":50,"value":617}," or associate with ",{"type":44,"tag":85,"props":619,"children":621},{"className":620},[],[622],{"type":50,"value":623},"\u003Clabel>",{"type":50,"value":625}," using ",{"type":44,"tag":85,"props":627,"children":629},{"className":628},[],[630],{"type":50,"value":631},"id",{"type":44,"tag":79,"props":633,"children":634},{},[635,640,642],{"type":44,"tag":69,"props":636,"children":637},{},[638],{"type":50,"value":639},"Non-semantic click handlers",{"type":50,"value":641}," (WCAG 2.1.1)",{"type":44,"tag":75,"props":643,"children":644},{},[645,650,655,660],{"type":44,"tag":79,"props":646,"children":647},{},[648],{"type":50,"value":649},"Find: Div or Span elements (identified by element type)",{"type":44,"tag":79,"props":651,"children":652},{},[653],{"type":50,"value":654},"Check: Interactive behavior without proper role\u002Fkeyboard support",{"type":44,"tag":79,"props":656,"children":657},{},[658],{"type":50,"value":659},"Impact: Not keyboard accessible, screen readers miss interactivity",{"type":44,"tag":79,"props":661,"children":662},{},[663,664,670,672,678,680],{"type":50,"value":566},{"type":44,"tag":85,"props":665,"children":667},{"className":666},[],[668],{"type":50,"value":669},"role=\"button\"",{"type":50,"value":671},", ",{"type":44,"tag":85,"props":673,"children":675},{"className":674},[],[676],{"type":50,"value":677},"tabIndex=\"0\"",{"type":50,"value":679},", suggest using real ",{"type":44,"tag":85,"props":681,"children":683},{"className":682},[],[684],{"type":50,"value":685},"\u003Cbutton>",{"type":44,"tag":79,"props":687,"children":688},{},[689,694,695],{"type":44,"tag":69,"props":690,"children":691},{},[692],{"type":50,"value":693},"Links without destination",{"type":50,"value":641},{"type":44,"tag":75,"props":696,"children":697},{},[698,711,716,721],{"type":44,"tag":79,"props":699,"children":700},{},[701,703,709],{"type":50,"value":702},"Find: Link elements with no ",{"type":44,"tag":85,"props":704,"children":706},{"className":705},[],[707],{"type":50,"value":708},"href",{"type":50,"value":710}," attribute",{"type":44,"tag":79,"props":712,"children":713},{},[714],{"type":50,"value":715},"Check: Links that only use onClick without href",{"type":44,"tag":79,"props":717,"children":718},{},[719],{"type":50,"value":720},"Impact: Not keyboard accessible, breaks browser features",{"type":44,"tag":79,"props":722,"children":723},{},[724,726,731],{"type":50,"value":725},"Fix: Add proper ",{"type":44,"tag":85,"props":727,"children":729},{"className":728},[],[730],{"type":50,"value":708},{"type":50,"value":732}," or convert to button",{"type":44,"tag":510,"props":734,"children":736},{"id":735},"serious-issues-should-fix-wcag-level-aa",[737],{"type":50,"value":738},"Serious Issues (Should Fix - WCAG Level AA)",{"type":44,"tag":262,"props":740,"children":742},{"start":741},11,[743,784,816],{"type":44,"tag":79,"props":744,"children":745},{},[746,751,753],{"type":44,"tag":69,"props":747,"children":748},{},[749],{"type":50,"value":750},"Focus outline removed without replacement",{"type":50,"value":752}," (WCAG 2.4.7)",{"type":44,"tag":75,"props":754,"children":755},{},[756,769,774,779],{"type":44,"tag":79,"props":757,"children":758},{},[759,761,767],{"type":50,"value":760},"Find: Elements with ",{"type":44,"tag":85,"props":762,"children":764},{"className":763},[],[765],{"type":50,"value":766},"outline: none",{"type":50,"value":768}," style",{"type":44,"tag":79,"props":770,"children":771},{},[772],{"type":50,"value":773},"Check: No visible alternative focus indicator",{"type":44,"tag":79,"props":775,"children":776},{},[777],{"type":50,"value":778},"Impact: Keyboard users can't see focus",{"type":44,"tag":79,"props":780,"children":781},{},[782],{"type":50,"value":783},"Fix: Add visible focus style (border, box-shadow, background change)",{"type":44,"tag":79,"props":785,"children":786},{},[787,792,793],{"type":44,"tag":69,"props":788,"children":789},{},[790],{"type":50,"value":791},"Missing keyboard handlers",{"type":50,"value":641},{"type":44,"tag":75,"props":794,"children":795},{},[796,801,806,811],{"type":44,"tag":79,"props":797,"children":798},{},[799],{"type":50,"value":800},"Find: Elements with onClick handlers",{"type":44,"tag":79,"props":802,"children":803},{},[804],{"type":50,"value":805},"Check: Missing onKeyDown for Enter\u002FSpace keys",{"type":44,"tag":79,"props":807,"children":808},{},[809],{"type":50,"value":810},"Impact: Not usable with keyboard alone",{"type":44,"tag":79,"props":812,"children":813},{},[814],{"type":50,"value":815},"Fix: Add keyboard event handlers",{"type":44,"tag":79,"props":817,"children":818},{},[819,824,826],{"type":44,"tag":69,"props":820,"children":821},{},[822],{"type":50,"value":823},"Touch target too small",{"type":50,"value":825}," (WCAG 2.5.5)",{"type":44,"tag":75,"props":827,"children":828},{},[829,834,839,844],{"type":44,"tag":79,"props":830,"children":831},{},[832],{"type":50,"value":833},"Find: Clickable elements (buttons, links)",{"type":44,"tag":79,"props":835,"children":836},{},[837],{"type":50,"value":838},"Check: Width or height \u003C 44px",{"type":44,"tag":79,"props":840,"children":841},{},[842],{"type":50,"value":843},"Impact: Hard to tap on mobile devices",{"type":44,"tag":79,"props":845,"children":846},{},[847],{"type":50,"value":848},"Fix: Increase padding or min-width\u002Fmin-height to 44px",{"type":44,"tag":510,"props":850,"children":852},{"id":851},"moderate-issues-consider-fixing",[853],{"type":50,"value":854},"Moderate Issues (Consider Fixing)",{"type":44,"tag":262,"props":856,"children":858},{"start":857},14,[859,891,924],{"type":44,"tag":79,"props":860,"children":861},{},[862,867,868],{"type":44,"tag":69,"props":863,"children":864},{},[865],{"type":50,"value":866},"Heading hierarchy problems",{"type":50,"value":583},{"type":44,"tag":75,"props":869,"children":870},{},[871,876,881,886],{"type":44,"tag":79,"props":872,"children":873},{},[874],{"type":50,"value":875},"Find: Heading elements (h1-h6)",{"type":44,"tag":79,"props":877,"children":878},{},[879],{"type":50,"value":880},"Check: Skipped levels (h1 → h3, skipping h2)",{"type":44,"tag":79,"props":882,"children":883},{},[884],{"type":50,"value":885},"Impact: Confusing document structure",{"type":44,"tag":79,"props":887,"children":888},{},[889],{"type":50,"value":890},"Fix: Use proper sequential heading levels",{"type":44,"tag":79,"props":892,"children":893},{},[894,899,901],{"type":44,"tag":69,"props":895,"children":896},{},[897],{"type":50,"value":898},"Positive tabIndex",{"type":50,"value":900}," (WCAG 2.4.3)",{"type":44,"tag":75,"props":902,"children":903},{},[904,909,914,919],{"type":44,"tag":79,"props":905,"children":906},{},[907],{"type":50,"value":908},"Find: Elements with tabIndex > 0",{"type":44,"tag":79,"props":910,"children":911},{},[912],{"type":50,"value":913},"Check: Disrupts natural tab order",{"type":44,"tag":79,"props":915,"children":916},{},[917],{"type":50,"value":918},"Impact: Confusing keyboard navigation",{"type":44,"tag":79,"props":920,"children":921},{},[922],{"type":50,"value":923},"Fix: Use tabIndex=\"0\" or \"-1\" only, let natural DOM order work",{"type":44,"tag":79,"props":925,"children":926},{},[927,932,933],{"type":44,"tag":69,"props":928,"children":929},{},[930],{"type":50,"value":931},"Role without required attributes",{"type":50,"value":529},{"type":44,"tag":75,"props":934,"children":935},{},[936,941,946,951],{"type":44,"tag":79,"props":937,"children":938},{},[939],{"type":50,"value":940},"Find: Elements with ARIA roles",{"type":44,"tag":79,"props":942,"children":943},{},[944],{"type":50,"value":945},"Check: Missing required ARIA attributes (e.g., role=\"button\" without tabIndex)",{"type":44,"tag":79,"props":947,"children":948},{},[949],{"type":50,"value":950},"Impact: Incomplete accessibility semantics",{"type":44,"tag":79,"props":952,"children":953},{},[954],{"type":50,"value":955},"Fix: Add required attributes for role",{"type":44,"tag":255,"props":957,"children":959},{"id":958},"phase-4-issue-categorization-scoring",[960],{"type":50,"value":961},"Phase 4: Issue Categorization & Scoring",{"type":44,"tag":262,"props":963,"children":964},{"start":28},[965,993,1031],{"type":44,"tag":79,"props":966,"children":967},{},[968,973,975],{"type":44,"tag":69,"props":969,"children":970},{},[971],{"type":50,"value":972},"Categorize all findings",{"type":50,"value":974},":",{"type":44,"tag":75,"props":976,"children":977},{},[978,983,988],{"type":44,"tag":79,"props":979,"children":980},{},[981],{"type":50,"value":982},"Critical: Must fix (blocks access)",{"type":44,"tag":79,"props":984,"children":985},{},[986],{"type":50,"value":987},"Serious: Should fix (significantly impacts usability)",{"type":44,"tag":79,"props":989,"children":990},{},[991],{"type":50,"value":992},"Moderate: Consider fixing (improves experience)",{"type":44,"tag":79,"props":994,"children":995},{},[996,1001,1003],{"type":44,"tag":69,"props":997,"children":998},{},[999],{"type":50,"value":1000},"Calculate accessibility score",{"type":50,"value":1002}," (0-100):",{"type":44,"tag":75,"props":1004,"children":1005},{},[1006,1011,1016,1021,1026],{"type":44,"tag":79,"props":1007,"children":1008},{},[1009],{"type":50,"value":1010},"Start at 100",{"type":44,"tag":79,"props":1012,"children":1013},{},[1014],{"type":50,"value":1015},"Critical issue: -10 points each",{"type":44,"tag":79,"props":1017,"children":1018},{},[1019],{"type":50,"value":1020},"Serious issue: -5 points each",{"type":44,"tag":79,"props":1022,"children":1023},{},[1024],{"type":50,"value":1025},"Moderate issue: -2 points each",{"type":44,"tag":79,"props":1027,"children":1028},{},[1029],{"type":50,"value":1030},"Minimum score: 0",{"type":44,"tag":79,"props":1032,"children":1033},{},[1034,1039,1040],{"type":44,"tag":69,"props":1035,"children":1036},{},[1037],{"type":50,"value":1038},"Generate severity summary",{"type":50,"value":974},{"type":44,"tag":75,"props":1041,"children":1042},{},[1043,1048,1053,1058],{"type":44,"tag":79,"props":1044,"children":1045},{},[1046],{"type":50,"value":1047},"Total issues found",{"type":44,"tag":79,"props":1049,"children":1050},{},[1051],{"type":50,"value":1052},"Breakdown by severity",{"type":44,"tag":79,"props":1054,"children":1055},{},[1056],{"type":50,"value":1057},"Most common issue types",{"type":44,"tag":79,"props":1059,"children":1060},{},[1061],{"type":50,"value":1062},"Pages\u002Fsections most affected",{"type":44,"tag":255,"props":1064,"children":1066},{"id":1065},"phase-5-report-generation",[1067],{"type":50,"value":1068},"Phase 5: Report Generation",{"type":44,"tag":262,"props":1070,"children":1072},{"start":1071},20,[1073,1095],{"type":44,"tag":79,"props":1074,"children":1075},{},[1076,1081,1083],{"type":44,"tag":69,"props":1077,"children":1078},{},[1079],{"type":50,"value":1080},"Create detailed report",{"type":50,"value":1082}," with specific format:",{"type":44,"tag":1084,"props":1085,"children":1089},"pre",{"className":1086,"code":1088,"language":50},[1087],"language-text","═══════════════════════════════════════════════════\nACCESSIBILITY AUDIT: [Page Name]\n═══════════════════════════════════════════════════\n\nCRITICAL (X issues)\n───────────────────\n[A11Y] Element: Button \"Submit\"\n  Issue: Button missing accessible name\n  Location: Form section, element ID: {component: \"abc\", element: \"xyz\"}\n  Current: \u003Cbutton>\u003CCloseIcon \u002F>\u003C\u002Fbutton>\n  Fix: Add aria-label=\"Close\"\n  WCAG: 4.1.2 Name, Role, Value\n\n[A11Y] Element: Input field\n  Issue: Form input without label\n  Location: Contact form, element ID: {component: \"def\", element: \"uvw\"}\n  Current: \u003Cinput type=\"email\" \u002F>\n  Fix: Add aria-label=\"Email address\" or associate with \u003Clabel>\n  WCAG: 1.3.1 Info and Relationships\n\nSERIOUS (X issues)\n──────────────────\n[A11Y] Element: Link \"Read more\"\n  Issue: Focus outline removed without visible alternative\n  Location: Blog section\n  Current: outline: none\n  Fix: Add visible focus style (e.g., border: 2px solid blue)\n  WCAG: 2.4.7 Focus Visible\n\nMODERATE (X issues)\n───────────────────\n[A11Y] Element: Heading\n  Issue: Heading hierarchy skipped (h1 → h3)\n  Location: Article section\n  Current: \u003Ch3>Subsection\u003C\u002Fh3> after \u003Ch1>Title\u003C\u002Fh1>\n  Fix: Change to \u003Ch2> or add intermediate h2\n  WCAG: 1.3.1 Info and Relationships\n\n═══════════════════════════════════════════════════\nSUMMARY\n───────────────────────────────────────────────────\nTotal Issues: X\n- Critical: X issues\n- Serious: X issues\n- Moderate: X issues\n\nAccessibility Score: XX\u002F100\n\nMost Common Issues:\n1. [Issue type] - X occurrences\n2. [Issue type] - X occurrences\n3. [Issue type] - X occurrences\n═══════════════════════════════════════════════════\n",[1090],{"type":44,"tag":85,"props":1091,"children":1093},{"__ignoreMap":1092},"",[1094],{"type":50,"value":1088},{"type":44,"tag":79,"props":1096,"children":1097},{},[1098,1103,1104],{"type":44,"tag":69,"props":1099,"children":1100},{},[1101],{"type":50,"value":1102},"Provide actionable insights",{"type":50,"value":974},{"type":44,"tag":75,"props":1105,"children":1106},{},[1107,1112,1117,1122],{"type":44,"tag":79,"props":1108,"children":1109},{},[1110],{"type":50,"value":1111},"Prioritized fix list (critical first)",{"type":44,"tag":79,"props":1113,"children":1114},{},[1115],{"type":50,"value":1116},"Quick wins (easy fixes with big impact)",{"type":44,"tag":79,"props":1118,"children":1119},{},[1120],{"type":50,"value":1121},"Design pattern recommendations",{"type":44,"tag":79,"props":1123,"children":1124},{},[1125],{"type":50,"value":1126},"Resources for learning more",{"type":44,"tag":255,"props":1128,"children":1130},{"id":1129},"phase-6-fix-suggestions-approval-optional",[1131],{"type":50,"value":1132},"Phase 6: Fix Suggestions & Approval (Optional)",{"type":44,"tag":262,"props":1134,"children":1136},{"start":1135},22,[1137,1147,1165,1203],{"type":44,"tag":79,"props":1138,"children":1139},{},[1140,1145],{"type":44,"tag":69,"props":1141,"children":1142},{},[1143],{"type":50,"value":1144},"Offer to fix issues automatically",{"type":50,"value":1146},": Fixes don't require Designer, so offer auto-fixes directly",{"type":44,"tag":79,"props":1148,"children":1149},{},[1150,1155,1156],{"type":44,"tag":69,"props":1151,"children":1152},{},[1153],{"type":50,"value":1154},"Show preview of fixes",{"type":50,"value":974},{"type":44,"tag":1084,"props":1157,"children":1160},{"className":1158,"code":1159,"language":50},[1087],"Which issues would you like to fix?\n\n[1] ✓ Add aria-label to Submit button\n    Element: Button in contact form\n    Fix: Add aria-label=\"Submit contact form\"\n    Safe: Yes (adding attribute only)\n\n[2] ✓ Add aria-label to email input\n    Element: Input in contact form\n    Fix: Add aria-label=\"Email address\"\n    Safe: Yes\n\n[3] ⚠️ Fix heading hierarchy\n    Element: h3 in article section\n    Fix: Change heading level from h3 to h2\n    Safe: May affect visual styling\n\nType numbers to skip (e.g., \"3\"), \"all\" for all, \"none\" to cancel\n",[1161],{"type":44,"tag":85,"props":1162,"children":1163},{"__ignoreMap":1092},[1164],{"type":50,"value":1159},{"type":44,"tag":79,"props":1166,"children":1167},{},[1168,1173,1174,1179,1180,1185],{"type":44,"tag":69,"props":1169,"children":1170},{},[1171],{"type":50,"value":1172},"Apply approved fixes",{"type":50,"value":376},{"type":44,"tag":85,"props":1175,"children":1177},{"className":1176},[],[1178],{"type":50,"value":159},{"type":50,"value":104},{"type":44,"tag":85,"props":1181,"children":1183},{"className":1182},[],[1184],{"type":50,"value":184},{"type":44,"tag":75,"props":1186,"children":1187},{},[1188,1193,1198],{"type":44,"tag":79,"props":1189,"children":1190},{},[1191],{"type":50,"value":1192},"Process in batches",{"type":44,"tag":79,"props":1194,"children":1195},{},[1196],{"type":50,"value":1197},"Show progress for large fix sets",{"type":44,"tag":79,"props":1199,"children":1200},{},[1201],{"type":50,"value":1202},"Report success\u002Ffailure for each",{"type":44,"tag":79,"props":1204,"children":1205},{},[1206,1211,1212],{"type":44,"tag":69,"props":1207,"children":1208},{},[1209],{"type":50,"value":1210},"Generate post-fix report",{"type":50,"value":974},{"type":44,"tag":75,"props":1213,"children":1214},{},[1215,1220,1225],{"type":44,"tag":79,"props":1216,"children":1217},{},[1218],{"type":50,"value":1219},"Issues fixed: X",{"type":44,"tag":79,"props":1221,"children":1222},{},[1223],{"type":50,"value":1224},"Issues remaining: Y",{"type":44,"tag":79,"props":1226,"children":1227},{},[1228],{"type":50,"value":1229},"New accessibility score: XX\u002F100 (improved from YY\u002F100)",{"type":44,"tag":255,"props":1231,"children":1233},{"id":1232},"phase-7-export-resources-optional",[1234],{"type":50,"value":1235},"Phase 7: Export & Resources (Optional)",{"type":44,"tag":262,"props":1237,"children":1239},{"start":1238},26,[1240,1267],{"type":44,"tag":79,"props":1241,"children":1242},{},[1243,1248,1249],{"type":44,"tag":69,"props":1244,"children":1245},{},[1246],{"type":50,"value":1247},"Offer export formats",{"type":50,"value":974},{"type":44,"tag":75,"props":1250,"children":1251},{},[1252,1257,1262],{"type":44,"tag":79,"props":1253,"children":1254},{},[1255],{"type":50,"value":1256},"Markdown (readable documentation)",{"type":44,"tag":79,"props":1258,"children":1259},{},[1260],{"type":50,"value":1261},"JSON (machine-readable for tracking)",{"type":44,"tag":79,"props":1263,"children":1264},{},[1265],{"type":50,"value":1266},"CSV (spreadsheet for team review)",{"type":44,"tag":79,"props":1268,"children":1269},{},[1270,1275,1276],{"type":44,"tag":69,"props":1271,"children":1272},{},[1273],{"type":50,"value":1274},"Provide resources",{"type":50,"value":974},{"type":44,"tag":75,"props":1277,"children":1278},{},[1279,1284,1289],{"type":44,"tag":79,"props":1280,"children":1281},{},[1282],{"type":50,"value":1283},"WCAG 2.1 quick reference links",{"type":44,"tag":79,"props":1285,"children":1286},{},[1287],{"type":50,"value":1288},"Webflow accessibility best practices",{"type":44,"tag":79,"props":1290,"children":1291},{},[1292],{"type":50,"value":1293},"Recommended testing tools (browser extensions, screen readers)",{"type":44,"tag":59,"props":1295,"children":1297},{"id":1296},"important-considerations",[1298],{"type":50,"value":1299},"Important Considerations",{"type":44,"tag":255,"props":1301,"children":1303},{"id":1302},"what-this-skill-checks",[1304],{"type":50,"value":1305},"What This Skill Checks",{"type":44,"tag":53,"props":1307,"children":1308},{},[1309],{"type":50,"value":1310},"✅ Button accessibility (labels, roles)\n✅ Form input labels and associations\n✅ Link semantics and keyboard access\n✅ Focus visibility and keyboard navigation\n✅ Heading hierarchy and structure\n✅ ARIA roles and attributes\n✅ Touch target sizes\n✅ Interactive element semantics",{"type":44,"tag":255,"props":1312,"children":1314},{"id":1313},"what-this-skill-does-not-check",[1315],{"type":50,"value":1316},"What This Skill Does NOT Check",{"type":44,"tag":53,"props":1318,"children":1319},{},[1320,1322,1327],{"type":50,"value":1321},"❌ Image alt text (use ",{"type":44,"tag":69,"props":1323,"children":1324},{},[1325],{"type":50,"value":1326},"asset-audit",{"type":50,"value":1328}," skill instead)\n❌ Color contrast ratios (requires visual analysis)\n❌ Animation\u002Fmotion preferences\n❌ Screen reader testing (needs manual verification)\n❌ Content readability (language level, clarity)",{"type":44,"tag":255,"props":1330,"children":1332},{"id":1331},"limitations",[1333],{"type":50,"value":1334},"Limitations",{"type":44,"tag":75,"props":1336,"children":1337},{},[1338,1343,1348,1353],{"type":44,"tag":79,"props":1339,"children":1340},{},[1341],{"type":50,"value":1342},"Cannot detect visual-only issues (color contrast, small text)",{"type":44,"tag":79,"props":1344,"children":1345},{},[1346],{"type":50,"value":1347},"Cannot test actual screen reader behavior",{"type":44,"tag":79,"props":1349,"children":1350},{},[1351],{"type":50,"value":1352},"Cannot validate content quality or clarity",{"type":44,"tag":79,"props":1354,"children":1355},{},[1356],{"type":50,"value":1357},"Relies on element attributes and structure only",{"type":44,"tag":59,"props":1359,"children":1361},{"id":1360},"examples",[1362],{"type":50,"value":1363},"Examples",{"type":44,"tag":255,"props":1365,"children":1367},{"id":1366},"example-1-full-page-audit",[1368],{"type":50,"value":1369},"Example 1: Full Page Audit",{"type":44,"tag":53,"props":1371,"children":1372},{},[1373],{"type":44,"tag":69,"props":1374,"children":1375},{},[1376],{"type":50,"value":1377},"User prompt:",{"type":44,"tag":1084,"props":1379,"children":1382},{"className":1380,"code":1381,"language":50},[1087],"Run an accessibility audit on my homepage\n",[1383],{"type":44,"tag":85,"props":1384,"children":1385},{"__ignoreMap":1092},[1386],{"type":50,"value":1381},{"type":44,"tag":53,"props":1388,"children":1389},{},[1390],{"type":44,"tag":69,"props":1391,"children":1392},{},[1393],{"type":50,"value":1394},"Step 1: Site & Page Selection",{"type":44,"tag":1084,"props":1396,"children":1399},{"className":1397,"code":1398,"language":50},[1087],"🔍 Accessibility Audit: Page Selection\n\nI'll help you audit your homepage for accessibility issues.\n\nFirst, let me get your site information...\n\nAvailable sites:\n1. Company Website\n2. Portfolio Site\n\nWhich site? (1\u002F2)\n",[1400],{"type":44,"tag":85,"props":1401,"children":1402},{"__ignoreMap":1092},[1403],{"type":50,"value":1398},{"type":44,"tag":53,"props":1405,"children":1406},{},[1407,1412,1413],{"type":44,"tag":69,"props":1408,"children":1409},{},[1410],{"type":50,"value":1411},"User response:",{"type":50,"value":226},{"type":44,"tag":85,"props":1414,"children":1416},{"className":1415},[],[1417],{"type":50,"value":1418},"1",{"type":44,"tag":53,"props":1420,"children":1421},{},[1422],{"type":44,"tag":69,"props":1423,"children":1424},{},[1425],{"type":50,"value":1426},"Step 2: Page Selection",{"type":44,"tag":1084,"props":1428,"children":1431},{"className":1429,"code":1430,"language":50},[1087],"Available pages in Company Website:\n1. Home (\u002F)\n2. About (\u002Fabout)\n3. Contact (\u002Fcontact)\n4. Blog (\u002Fblog)\n\nWhich page would you like to audit? (1 for Home)\n",[1432],{"type":44,"tag":85,"props":1433,"children":1434},{"__ignoreMap":1092},[1435],{"type":50,"value":1430},{"type":44,"tag":53,"props":1437,"children":1438},{},[1439,1443,1444],{"type":44,"tag":69,"props":1440,"children":1441},{},[1442],{"type":50,"value":1411},{"type":50,"value":226},{"type":44,"tag":85,"props":1445,"children":1447},{"className":1446},[],[1448],{"type":50,"value":1418},{"type":44,"tag":53,"props":1450,"children":1451},{},[1452],{"type":44,"tag":69,"props":1453,"children":1454},{},[1455],{"type":50,"value":1456},"Step 3: Audit Scope",{"type":44,"tag":1084,"props":1458,"children":1461},{"className":1459,"code":1460,"language":50},[1087],"What level of audit would you like?\n\n1. Full audit (all WCAG checks) - Recommended\n2. Critical issues only (Level A compliance)\n3. Specific categories (buttons, forms, navigation)\n\nYour choice: (1\u002F2\u002F3)\n",[1462],{"type":44,"tag":85,"props":1463,"children":1464},{"__ignoreMap":1092},[1465],{"type":50,"value":1460},{"type":44,"tag":53,"props":1467,"children":1468},{},[1469,1473,1474],{"type":44,"tag":69,"props":1470,"children":1471},{},[1472],{"type":50,"value":1411},{"type":50,"value":226},{"type":44,"tag":85,"props":1475,"children":1477},{"className":1476},[],[1478],{"type":50,"value":1418},{"type":44,"tag":53,"props":1480,"children":1481},{},[1482],{"type":44,"tag":69,"props":1483,"children":1484},{},[1485],{"type":50,"value":1486},"Step 4: Audit Progress",{"type":44,"tag":1084,"props":1488,"children":1491},{"className":1489,"code":1490,"language":50},[1087],"🔄 Running Accessibility Audit...\n\nProgress:\n✅ Extracted page content (45 elements)\n✅ Analyzing buttons and interactive elements\n✅ Checking form inputs and labels\n✅ Validating heading hierarchy\n✅ Checking keyboard navigation\n🔄 Analyzing focus states...\n\nAnalysis complete!\n",[1492],{"type":44,"tag":85,"props":1493,"children":1494},{"__ignoreMap":1092},[1495],{"type":50,"value":1490},{"type":44,"tag":53,"props":1497,"children":1498},{},[1499],{"type":44,"tag":69,"props":1500,"children":1501},{},[1502],{"type":50,"value":1503},"Step 5: Report",{"type":44,"tag":1084,"props":1505,"children":1508},{"className":1506,"code":1507,"language":50},[1087],"═══════════════════════════════════════════════════\nACCESSIBILITY AUDIT: Home\n═══════════════════════════════════════════════════\n\nCRITICAL (3 issues)\n───────────────────\n[A11Y] Element: Button (navigation toggle)\n  Issue: Icon-only button missing accessible name\n  Location: Header navigation\n  Element ID: {component: \"nav-01\", element: \"btn-menu\"}\n  Current: \u003Cbutton>\u003CMenuIcon \u002F>\u003C\u002Fbutton>\n  Fix: Add aria-label=\"Open navigation menu\"\n  WCAG: 4.1.2 Name, Role, Value\n\n[A11Y] Element: Input (email subscription)\n  Issue: Form input without label\n  Location: Footer, newsletter signup\n  Element ID: {component: \"footer-01\", element: \"email-input\"}\n  Current: \u003Cinput type=\"email\" placeholder=\"Enter email\" \u002F>\n  Fix: Add aria-label=\"Email address for newsletter\"\n  WCAG: 1.3.1 Info and Relationships\n\n[A11Y] Element: Div (clickable card)\n  Issue: Non-semantic interactive element\n  Location: Services section, card 2\n  Element ID: {component: \"services-01\", element: \"card-02\"}\n  Current: \u003Cdiv onClick={...}>Service card\u003C\u002Fdiv>\n  Fix: Convert to \u003Cbutton> or add role=\"button\" + tabIndex=\"0\"\n  WCAG: 2.1.1 Keyboard\n\nSERIOUS (5 issues)\n──────────────────\n[A11Y] Element: Link \"Learn more\"\n  Issue: Focus outline removed without visible alternative\n  Location: Hero section\n  Element ID: {component: \"hero-01\", element: \"cta-link\"}\n  Current: outline: none\n  Fix: Add focus style - border: 2px solid #0066cc or box-shadow\n  WCAG: 2.4.7 Focus Visible\n\n[A11Y] Element: Button \"Subscribe\"\n  Issue: Touch target too small (30px × 36px)\n  Location: Footer newsletter form\n  Element ID: {component: \"footer-01\", element: \"submit-btn\"}\n  Current: Small button\n  Fix: Increase padding or set min-height: 44px\n  WCAG: 2.5.5 Target Size\n\n[continues with 3 more serious issues...]\n\nMODERATE (4 issues)\n───────────────────\n[A11Y] Element: Heading \"Our Services\"\n  Issue: Heading hierarchy skipped (h1 → h3)\n  Location: Services section\n  Element ID: {component: \"services-01\", element: \"heading\"}\n  Current: \u003Ch3>Our Services\u003C\u002Fh3> follows \u003Ch1>Welcome\u003C\u002Fh1>\n  Fix: Change to \u003Ch2> to maintain proper hierarchy\n  WCAG: 1.3.1 Info and Relationships\n\n[continues with 3 more moderate issues...]\n\n═══════════════════════════════════════════════════\nSUMMARY\n───────────────────────────────────────────────────\nTotal Issues: 12\n- Critical: 3 issues (must fix)\n- Serious: 5 issues (should fix)\n- Moderate: 4 issues (consider fixing)\n\nAccessibility Score: 64\u002F100\n\nMost Common Issues:\n1. Missing button labels - 2 occurrences\n2. Focus styles removed - 3 occurrences\n3. Heading hierarchy problems - 2 occurrences\n\nQuick Wins (Easy + High Impact):\n✨ Add aria-label to icon buttons (2 min, +20 score points)\n✨ Add input labels (5 min, +10 score points)\n✨ Add focus styles (10 min, +15 score points)\n\n═══════════════════════════════════════════════════\n\n💡 Next Steps:\n1. Fix critical issues first (blocks access for some users)\n2. Add visible focus styles for keyboard users\n3. Test with keyboard navigation (Tab, Enter, Space keys)\n4. Consider testing with screen reader (NVDA\u002FJAWS\u002FVoiceOver)\n\nWould you like me to help fix these issues?\n",[1509],{"type":44,"tag":85,"props":1510,"children":1511},{"__ignoreMap":1092},[1512],{"type":50,"value":1507},{"type":44,"tag":255,"props":1514,"children":1516},{"id":1515},"example-2-multi-page-audit",[1517],{"type":50,"value":1518},"Example 2: Multi-Page Audit",{"type":44,"tag":53,"props":1520,"children":1521},{},[1522],{"type":44,"tag":69,"props":1523,"children":1524},{},[1525],{"type":50,"value":1377},{"type":44,"tag":1084,"props":1527,"children":1530},{"className":1528,"code":1529,"language":50},[1087],"Audit accessibility across my entire site\n",[1531],{"type":44,"tag":85,"props":1532,"children":1533},{"__ignoreMap":1092},[1534],{"type":50,"value":1529},{"type":44,"tag":53,"props":1536,"children":1537},{},[1538],{"type":44,"tag":69,"props":1539,"children":1540},{},[1541],{"type":50,"value":1542},"Agent response:",{"type":44,"tag":1084,"props":1544,"children":1547},{"className":1545,"code":1546,"language":50},[1087],"🔍 Multi-Page Accessibility Audit\n\nI'll audit all pages on your site for accessibility issues.\n\nFound 8 pages:\n1. Home\n2. About\n3. Services\n4. Team\n5. Blog\n6. Blog Post Template (CMS)\n7. Contact\n8. Privacy Policy\n\nThis will take approximately 2-3 minutes.\n\nProceed with full site audit? (yes\u002Fno)\n",[1548],{"type":44,"tag":85,"props":1549,"children":1550},{"__ignoreMap":1092},[1551],{"type":50,"value":1546},{"type":44,"tag":53,"props":1553,"children":1554},{},[1555,1560,1561],{"type":44,"tag":69,"props":1556,"children":1557},{},[1558],{"type":50,"value":1559},"User:",{"type":50,"value":226},{"type":44,"tag":85,"props":1562,"children":1564},{"className":1563},[],[1565],{"type":50,"value":1566},"yes",{"type":44,"tag":53,"props":1568,"children":1569},{},[1570],{"type":44,"tag":69,"props":1571,"children":1572},{},[1573],{"type":50,"value":1574},"Progress:",{"type":44,"tag":1084,"props":1576,"children":1579},{"className":1577,"code":1578,"language":50},[1087],"🔄 Auditing Site Accessibility...\n\nProgress: ████████████░░░░░░░░ 60% (5\u002F8 pages)\n\n✅ Home - Score: 64\u002F100 (12 issues)\n✅ About - Score: 78\u002F100 (6 issues)\n✅ Services - Score: 71\u002F100 (9 issues)\n✅ Team - Score: 85\u002F100 (4 issues)\n✅ Blog - Score: 82\u002F100 (5 issues)\n🔄 Analyzing Blog Post Template...\n",[1580],{"type":44,"tag":85,"props":1581,"children":1582},{"__ignoreMap":1092},[1583],{"type":50,"value":1578},{"type":44,"tag":53,"props":1585,"children":1586},{},[1587],{"type":44,"tag":69,"props":1588,"children":1589},{},[1590],{"type":50,"value":1591},"Final Report:",{"type":44,"tag":1084,"props":1593,"children":1596},{"className":1594,"code":1595,"language":50},[1087],"═══════════════════════════════════════════════════\nSITE-WIDE ACCESSIBILITY AUDIT\n═══════════════════════════════════════════════════\n\nOVERALL SCORE: 73\u002F100\n\nPages Audited: 8\nTotal Issues: 48\n- Critical: 11 issues\n- Serious: 21 issues\n- Moderate: 16 issues\n\n═══════════════════════════════════════════════════\nISSUES BY PAGE\n═══════════════════════════════════════════════════\n\n🔴 Lowest Scores (Need Attention):\n1. Home - 64\u002F100 (12 issues: 3 critical, 5 serious, 4 moderate)\n2. Services - 71\u002F100 (9 issues: 2 critical, 5 serious, 2 moderate)\n3. About - 78\u002F100 (6 issues: 1 critical, 3 serious, 2 moderate)\n\n🟢 Highest Scores:\n1. Team - 85\u002F100 (4 issues: 0 critical, 2 serious, 2 moderate)\n2. Blog - 82\u002F100 (5 issues: 1 critical, 2 serious, 2 moderate)\n\n═══════════════════════════════════════════════════\nSITE-WIDE PATTERNS\n═══════════════════════════════════════════════════\n\nMost Common Issues Across Site:\n1. Missing button labels (icon buttons) - 8 occurrences\n   Pages affected: Home, Services, Blog, Contact\n\n2. Focus outline removed - 12 occurrences\n   Pages affected: All pages (site-wide CSS issue)\n\n3. Form inputs without labels - 5 occurrences\n   Pages affected: Home, Contact\n\n4. Small touch targets (\u003C44px) - 9 occurrences\n   Pages affected: Home, About, Services, Contact\n\n═══════════════════════════════════════════════════\nRECOMMENDATIONS\n═══════════════════════════════════════════════════\n\n🎯 Site-Wide Fixes (Fix Once, Helps Everywhere):\n1. Add focus styles to global CSS (affects 12 issues across all pages)\n2. Update button component to require aria-label (affects 8 issues)\n3. Increase minimum touch target size in design system (affects 9 issues)\n\n📋 Page-Specific Priorities:\n1. Home page: Fix navigation menu button and newsletter form\n2. Services page: Add labels to service card interactions\n3. Contact page: Add proper labels to all form inputs\n\n💡 Design System Improvements:\n- Create accessible button component with required aria-label\n- Add focus state variants to all interactive components\n- Set minimum touch target size standard (44px)\n\nWould you like:\n1. Detailed report for specific page\n2. Export findings to file (Markdown\u002FJSON\u002FCSV)\n3. Help fixing site-wide issues\n",[1597],{"type":44,"tag":85,"props":1598,"children":1599},{"__ignoreMap":1092},[1600],{"type":50,"value":1595},{"type":44,"tag":255,"props":1602,"children":1604},{"id":1603},"example-3-critical-issues-only",[1605],{"type":50,"value":1606},"Example 3: Critical Issues Only",{"type":44,"tag":53,"props":1608,"children":1609},{},[1610],{"type":44,"tag":69,"props":1611,"children":1612},{},[1613],{"type":50,"value":1377},{"type":44,"tag":1084,"props":1615,"children":1618},{"className":1616,"code":1617,"language":50},[1087],"Check my contact page for critical accessibility issues only\n",[1619],{"type":44,"tag":85,"props":1620,"children":1621},{"__ignoreMap":1092},[1622],{"type":50,"value":1617},{"type":44,"tag":53,"props":1624,"children":1625},{},[1626],{"type":44,"tag":69,"props":1627,"children":1628},{},[1629],{"type":50,"value":1542},{"type":44,"tag":1084,"props":1631,"children":1634},{"className":1632,"code":1633,"language":50},[1087],"🔍 Critical Issues Audit: Contact Page\n\nRunning quick scan for blocking accessibility issues...\n\n✅ Page analyzed\n\n═══════════════════════════════════════════════════\nCRITICAL ISSUES: Contact Page\n═══════════════════════════════════════════════════\n\nFound: 4 critical issues\n\n[1] Form Input Missing Label\n    Element: Email input field\n    Location: Contact form, top\n    Issue: No accessible name for screen readers\n    Fix: Add aria-label=\"Your email address\"\n    WCAG: 1.3.1 (Level A)\n\n[2] Form Input Missing Label\n    Element: Message textarea\n    Location: Contact form, bottom\n    Issue: No accessible name for screen readers\n    Fix: Add aria-label=\"Your message\"\n    WCAG: 1.3.1 (Level A)\n\n[3] Button Missing Label\n    Element: Submit button\n    Location: Contact form, bottom\n    Issue: Icon-only button with no text\n    Fix: Add aria-label=\"Submit contact form\"\n    WCAG: 4.1.2 (Level A)\n\n[4] Non-Semantic Interactive Element\n    Element: Social media link (Instagram)\n    Location: Footer\n    Issue: Div with onClick instead of proper link\n    Fix: Convert to \u003Ca href=\"...\"> with aria-label=\"Instagram\"\n    WCAG: 2.1.1 (Level A)\n\n═══════════════════════════════════════════════════\n\n⚠️ Impact: These issues prevent screen reader users from using your contact form.\n\n🔧 Estimated fix time: 5 minutes\n\nWould you like me to:\n1. Run full audit (includes serious and moderate issues)\n2. Fix these 4 critical issues now\n3. Export this report (Markdown\u002FJSON\u002FCSV)\n",[1635],{"type":44,"tag":85,"props":1636,"children":1637},{"__ignoreMap":1092},[1638],{"type":50,"value":1633},{"type":44,"tag":59,"props":1640,"children":1642},{"id":1641},"safety-rules",[1643],{"type":50,"value":1644},"Safety Rules",{"type":44,"tag":255,"props":1646,"children":1648},{"id":1647},"preview-confirmation",[1649],{"type":50,"value":1650},"Preview & Confirmation",{"type":44,"tag":75,"props":1652,"children":1653},{},[1654,1659,1664,1669],{"type":44,"tag":79,"props":1655,"children":1656},{},[1657],{"type":50,"value":1658},"Always show detailed issue list before suggesting fixes",{"type":44,"tag":79,"props":1660,"children":1661},{},[1662],{"type":50,"value":1663},"Clearly mark severity levels (critical\u002Fserious\u002Fmoderate)",{"type":44,"tag":79,"props":1665,"children":1666},{},[1667],{"type":50,"value":1668},"Explain impact of each issue in user-friendly terms",{"type":44,"tag":79,"props":1670,"children":1671},{},[1672],{"type":50,"value":1673},"Provide specific WCAG reference for each finding",{"type":44,"tag":255,"props":1675,"children":1677},{"id":1676},"granular-approval-for-fixes",[1678],{"type":50,"value":1679},"Granular Approval for Fixes",{"type":44,"tag":75,"props":1681,"children":1682},{},[1683,1688,1693,1698],{"type":44,"tag":79,"props":1684,"children":1685},{},[1686],{"type":50,"value":1687},"Allow user to select which issues to fix",{"type":44,"tag":79,"props":1689,"children":1690},{},[1691],{"type":50,"value":1692},"Warn about fixes that might affect visual design",{"type":44,"tag":79,"props":1694,"children":1695},{},[1696],{"type":50,"value":1697},"Process fixes in batches with progress indicators",{"type":44,"tag":79,"props":1699,"children":1700},{},[1701],{"type":50,"value":1702},"Report success\u002Ffailure for each fix attempt",{"type":44,"tag":255,"props":1704,"children":1706},{"id":1705},"error-handling",[1707],{"type":50,"value":1708},"Error Handling",{"type":44,"tag":75,"props":1710,"children":1711},{},[1712,1717,1722],{"type":44,"tag":79,"props":1713,"children":1714},{},[1715],{"type":50,"value":1716},"If page cannot be accessed, explain clearly",{"type":44,"tag":79,"props":1718,"children":1719},{},[1720],{"type":50,"value":1721},"If element cannot be modified, suggest manual fix",{"type":44,"tag":79,"props":1723,"children":1724},{},[1725],{"type":50,"value":1726},"Separate automated fixes from manual review items",{"type":44,"tag":255,"props":1728,"children":1730},{"id":1729},"validation",[1731],{"type":50,"value":1732},"Validation",{"type":44,"tag":75,"props":1734,"children":1735},{},[1736,1741,1746,1751],{"type":44,"tag":79,"props":1737,"children":1738},{},[1739],{"type":50,"value":1740},"Verify element types before suggesting fixes",{"type":44,"tag":79,"props":1742,"children":1743},{},[1744],{"type":50,"value":1745},"Check if element supports attributes before adding",{"type":44,"tag":79,"props":1747,"children":1748},{},[1749],{"type":50,"value":1750},"Test that suggested fixes are valid for element type",{"type":44,"tag":79,"props":1752,"children":1753},{},[1754],{"type":50,"value":1755},"Warn if fix might break existing functionality",{"type":44,"tag":59,"props":1757,"children":1759},{"id":1758},"output-standards",[1760],{"type":50,"value":1761},"Output Standards",{"type":44,"tag":255,"props":1763,"children":1765},{"id":1764},"icons-formatting",[1766],{"type":50,"value":1767},"Icons & Formatting",{"type":44,"tag":75,"props":1769,"children":1770},{},[1771,1776,1781,1786,1791,1796,1801,1806,1811,1816,1821],{"type":44,"tag":79,"props":1772,"children":1773},{},[1774],{"type":50,"value":1775},"🔍 Discovery\u002FAnalysis",{"type":44,"tag":79,"props":1777,"children":1778},{},[1779],{"type":50,"value":1780},"🔄 Processing",{"type":44,"tag":79,"props":1782,"children":1783},{},[1784],{"type":50,"value":1785},"✅ Pass\u002FSuccess",{"type":44,"tag":79,"props":1787,"children":1788},{},[1789],{"type":50,"value":1790},"❌ Fail\u002FCritical Issue",{"type":44,"tag":79,"props":1792,"children":1793},{},[1794],{"type":50,"value":1795},"⚠️ Warning\u002FSerious Issue",{"type":44,"tag":79,"props":1797,"children":1798},{},[1799],{"type":50,"value":1800},"💡 Suggestion\u002FModerate Issue",{"type":44,"tag":79,"props":1802,"children":1803},{},[1804],{"type":50,"value":1805},"📊 Report\u002FSummary",{"type":44,"tag":79,"props":1807,"children":1808},{},[1809],{"type":50,"value":1810},"🎯 Priority\u002FAction Item",{"type":44,"tag":79,"props":1812,"children":1813},{},[1814],{"type":50,"value":1815},"🔴 Critical Priority",{"type":44,"tag":79,"props":1817,"children":1818},{},[1819],{"type":50,"value":1820},"🟡 Medium Priority",{"type":44,"tag":79,"props":1822,"children":1823},{},[1824],{"type":50,"value":1825},"🟢 Low Priority",{"type":44,"tag":255,"props":1827,"children":1829},{"id":1828},"report-structure",[1830],{"type":50,"value":1831},"Report Structure",{"type":44,"tag":262,"props":1833,"children":1834},{},[1835,1840,1845,1850,1855,1860],{"type":44,"tag":79,"props":1836,"children":1837},{},[1838],{"type":50,"value":1839},"Clear severity categorization",{"type":44,"tag":79,"props":1841,"children":1842},{},[1843],{"type":50,"value":1844},"Specific element identification with IDs",{"type":44,"tag":79,"props":1846,"children":1847},{},[1848],{"type":50,"value":1849},"Current state vs recommended fix",{"type":44,"tag":79,"props":1851,"children":1852},{},[1853],{"type":50,"value":1854},"WCAG reference for each issue",{"type":44,"tag":79,"props":1856,"children":1857},{},[1858],{"type":50,"value":1859},"Summary with actionable priorities",{"type":44,"tag":79,"props":1861,"children":1862},{},[1863],{"type":50,"value":1864},"Score for measurable progress",{"type":44,"tag":255,"props":1866,"children":1868},{"id":1867},"communication",[1869],{"type":50,"value":1870},"Communication",{"type":44,"tag":75,"props":1872,"children":1873},{},[1874,1879,1884,1889,1894],{"type":44,"tag":79,"props":1875,"children":1876},{},[1877],{"type":50,"value":1878},"Use clear, jargon-free language",{"type":44,"tag":79,"props":1880,"children":1881},{},[1882],{"type":50,"value":1883},"Explain WHY something is an issue (impact on users)",{"type":44,"tag":79,"props":1885,"children":1886},{},[1887],{"type":50,"value":1888},"Provide specific, actionable fixes",{"type":44,"tag":79,"props":1890,"children":1891},{},[1892],{"type":50,"value":1893},"Encourage testing with real assistive technology",{"type":44,"tag":79,"props":1895,"children":1896},{},[1897],{"type":50,"value":1898},"Emphasize that automated checks are just the start",{"type":44,"tag":59,"props":1900,"children":1902},{"id":1901},"resources-to-include",[1903],{"type":50,"value":1904},"Resources to Include",{"type":44,"tag":255,"props":1906,"children":1908},{"id":1907},"wcag-21-quick-reference",[1909],{"type":50,"value":1910},"WCAG 2.1 Quick Reference",{"type":44,"tag":75,"props":1912,"children":1913},{},[1914],{"type":44,"tag":79,"props":1915,"children":1916},{},[1917],{"type":44,"tag":1918,"props":1919,"children":1923},"a",{"href":1920,"rel":1921},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG21\u002Fquickref\u002F",[1922],"nofollow",[1924],{"type":50,"value":1920},{"type":44,"tag":255,"props":1926,"children":1928},{"id":1927},"webflow-accessibility-resources",[1929],{"type":50,"value":1930},"Webflow Accessibility Resources",{"type":44,"tag":75,"props":1932,"children":1933},{},[1934,1939,1944],{"type":44,"tag":79,"props":1935,"children":1936},{},[1937],{"type":50,"value":1938},"Webflow University: Accessibility best practices",{"type":44,"tag":79,"props":1940,"children":1941},{},[1942],{"type":50,"value":1943},"Using semantic HTML in Webflow",{"type":44,"tag":79,"props":1945,"children":1946},{},[1947],{"type":50,"value":1948},"Adding ARIA attributes in Webflow",{"type":44,"tag":255,"props":1950,"children":1952},{"id":1951},"testing-tools",[1953],{"type":50,"value":1954},"Testing Tools",{"type":44,"tag":75,"props":1956,"children":1957},{},[1958,1963,1968],{"type":44,"tag":79,"props":1959,"children":1960},{},[1961],{"type":50,"value":1962},"Keyboard: Tab, Shift+Tab, Enter, Space",{"type":44,"tag":79,"props":1964,"children":1965},{},[1966],{"type":50,"value":1967},"Screen readers: NVDA (Windows), JAWS, VoiceOver (Mac\u002FiOS)",{"type":44,"tag":79,"props":1969,"children":1970},{},[1971],{"type":50,"value":1972},"Browser extensions: axe DevTools, WAVE, Lighthouse",{"type":44,"tag":255,"props":1974,"children":1976},{"id":1975},"common-fixes",[1977],{"type":50,"value":1978},"Common Fixes",{"type":44,"tag":75,"props":1980,"children":1981},{},[1982,1987,1992,2003],{"type":44,"tag":79,"props":1983,"children":1984},{},[1985],{"type":50,"value":1986},"Button labels: Always include visible text or aria-label",{"type":44,"tag":79,"props":1988,"children":1989},{},[1990],{"type":50,"value":1991},"Form labels: Use Webflow's label element or aria-label",{"type":44,"tag":79,"props":1993,"children":1994},{},[1995,1997,2001],{"type":50,"value":1996},"Focus styles: Use ",{"type":44,"tag":1998,"props":1999,"children":2000},"focus-visible",{},[],{"type":50,"value":2002}," pseudo-class",{"type":44,"tag":79,"props":2004,"children":2005},{},[2006],{"type":50,"value":2007},"Semantic HTML: Use proper elements (button, a, label)",{"items":2009,"total":2196},[2010,2031,2048,2065,2082,2098,2114,2128,2142,2154,2168,2182],{"slug":2011,"name":2012,"fn":2013,"description":2014,"org":2015,"tags":2016,"stars":24,"repoUrl":25,"updatedAt":2030},"webflow-clicloud","webflow-cli:cloud","deploy applications to Webflow Cloud","Initialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting. Supports site-attached deploys (linked to an existing Webflow site) and project app deploys (independent project, no existing site required). Use when creating new projects, deploying existing ones, or setting up CI\u002FCD pipelines for Webflow Cloud.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2017,2020,2023,2026,2029],{"name":2018,"slug":2019,"type":16},"CLI","cli",{"name":2021,"slug":2022,"type":16},"Cloud","cloud",{"name":2024,"slug":2025,"type":16},"Deployment","deployment",{"name":2027,"slug":2028,"type":16},"Full-stack","full-stack",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:47.514609",{"slug":2032,"name":2033,"fn":2034,"description":2035,"org":2036,"tags":2037,"stars":24,"repoUrl":25,"updatedAt":2047},"webflow-clicode-component","webflow-cli:code-component","create and deploy Webflow Code Components","Create and deploy reusable React components for Webflow Designer. Configure existing React projects with webflow.json, build and bundle code, validate output, and deploy to workspace using library share. Use when building custom components for designers.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2038,2039,2040,2043,2046],{"name":2018,"slug":2019,"type":16},{"name":2024,"slug":2025,"type":16},{"name":2041,"slug":2042,"type":16},"React","react",{"name":2044,"slug":2045,"type":16},"UI Components","ui-components",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:41.421071",{"slug":2049,"name":2050,"fn":2051,"description":2052,"org":2053,"tags":2054,"stars":24,"repoUrl":25,"updatedAt":2064},"webflow-clidesigner-extension","webflow-cli:designer-extension","build Webflow Designer Extensions","Build Designer Extensions for custom Webflow Designer functionality. Lists available templates, initializes extension projects from templates (default\u002Freact\u002Ftypescript-alt), bundles extensions for upload, and serves locally for development.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2055,2056,2059,2060,2063],{"name":2018,"slug":2019,"type":16},{"name":2057,"slug":2058,"type":16},"Plugin Development","plugin-development",{"name":2041,"slug":2042,"type":16},{"name":2061,"slug":2062,"type":16},"TypeScript","typescript",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:43.853573",{"slug":2066,"name":2067,"fn":2068,"description":2069,"org":2070,"tags":2071,"stars":24,"repoUrl":25,"updatedAt":2081},"webflow-clidevlink","webflow-cli:devlink","export Webflow components to React and Next.js","Export Webflow Designer components to React\u002FNext.js code for external projects. Configure devlink settings in webflow.json, sync design updates with devlink sync, validate generated code, show diffs, and provide integration examples. Use when building with Webflow designs in React\u002FNext.js.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2072,2073,2076,2079,2080],{"name":2018,"slug":2019,"type":16},{"name":2074,"slug":2075,"type":16},"Frontend","frontend",{"name":2077,"slug":2078,"type":16},"Next.js","next-js",{"name":2041,"slug":2042,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:40.182468",{"slug":2083,"name":2084,"fn":2085,"description":2086,"org":2087,"tags":2088,"stars":24,"repoUrl":25,"updatedAt":2097},"webflow-clitroubleshooter","webflow-cli:troubleshooter","troubleshoot Webflow CLI issues","Diagnose and fix Webflow CLI issues including installation problems, authentication failures, build errors, and bundle problems. Uses CLI diagnostic flags (--version, --help, --verbose, --debug-bundler) for troubleshooting.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2089,2090,2093,2096],{"name":2018,"slug":2019,"type":16},{"name":2091,"slug":2092,"type":16},"Configuration","configuration",{"name":2094,"slug":2095,"type":16},"Debugging","debugging",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:48.831648",{"slug":2099,"name":2100,"fn":2101,"description":2102,"org":2103,"tags":2104,"stars":24,"repoUrl":25,"updatedAt":2113},"webflow-code-componentcomponent-audit","webflow-code-component:component-audit","audit Webflow Code Component architecture","Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM compatibility. Focused on Webflow-specific patterns, not generic React best practices.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2105,2108,2111,2112],{"name":2106,"slug":2107,"type":16},"Architecture","architecture",{"name":2109,"slug":2110,"type":16},"Code Analysis","code-analysis",{"name":2041,"slug":2042,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:46.277768",{"slug":2115,"name":2116,"fn":2117,"description":2118,"org":2119,"tags":2120,"stars":24,"repoUrl":25,"updatedAt":2127},"webflow-code-componentcomponent-scaffold","webflow-code-component:component-scaffold","scaffold Webflow Code Component boilerplate","Generate new Webflow Code Component boilerplate with React component, definition file, and optional styling. Automatically checks prerequisites and can set up missing config\u002Fdependencies.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2121,2122,2123,2126],{"name":2074,"slug":2075,"type":16},{"name":2041,"slug":2042,"type":16},{"name":2124,"slug":2125,"type":16},"Templates","templates",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:42.638042",{"slug":2129,"name":2130,"fn":2131,"description":2132,"org":2133,"tags":2134,"stars":24,"repoUrl":25,"updatedAt":2141},"webflow-code-componentconvert-component","webflow-code-component:convert-component","convert React components to Webflow Code Components","Convert an existing React component into a Webflow Code Component. Analyzes TypeScript props, maps to Webflow prop types, generates the .webflow.tsx definition file, and identifies required modifications.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2135,2138,2139,2140],{"name":2136,"slug":2137,"type":16},"Migration","migration",{"name":2041,"slug":2042,"type":16},{"name":2061,"slug":2062,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:52.523608",{"slug":2143,"name":2144,"fn":2145,"description":2146,"org":2147,"tags":2148,"stars":24,"repoUrl":25,"updatedAt":2153},"webflow-code-componentdeploy-guide","webflow-code-component:deploy-guide","deploy Webflow Code Components","Step-by-step guide for deploying Webflow Code Components to a workspace. Covers authentication, pre-flight checks, deployment execution, and verification.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2149,2150,2151,2152],{"name":2024,"slug":2025,"type":16},{"name":2074,"slug":2075,"type":16},{"name":2041,"slug":2042,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:38.947875",{"slug":2155,"name":2156,"fn":2157,"description":2158,"org":2159,"tags":2160,"stars":24,"repoUrl":25,"updatedAt":2167},"webflow-code-componentlocal-dev-setup","webflow-code-component:local-dev-setup","set up local Webflow Code Component projects","Initialize a new Webflow Code Components project from scratch. Creates project structure, installs dependencies, configures webflow.json, and sets up development environment.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2161,2162,2165,2166],{"name":2091,"slug":2092,"type":16},{"name":2163,"slug":2164,"type":16},"Local Development","local-development",{"name":2041,"slug":2042,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:50.062783",{"slug":2169,"name":2170,"fn":2171,"description":2172,"org":2173,"tags":2174,"stars":24,"repoUrl":25,"updatedAt":2181},"webflow-code-componentpre-deploy-check","webflow-code-component:pre-deploy-check","validate Webflow Code Components before deployment","Pre-deployment validation for Webflow Code Components. Checks bundle size, dependencies, prop configurations, SSR compatibility, styling setup, and common issues before running webflow library share.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2175,2176,2179,2180],{"name":2024,"slug":2025,"type":16},{"name":2177,"slug":2178,"type":16},"QA","qa",{"name":1732,"slug":1729,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:51.300653",{"slug":2183,"name":2184,"fn":2185,"description":2186,"org":2187,"tags":2188,"stars":24,"repoUrl":25,"updatedAt":2195},"webflow-code-componenttroubleshoot-deploy","webflow-code-component:troubleshoot-deploy","troubleshoot Webflow Code Component deployments","Debug deployment failures for Webflow Code Components. Analyzes error messages, identifies root causes, and provides specific fixes for common issues.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2189,2190,2191,2194],{"name":2094,"slug":2095,"type":16},{"name":2024,"slug":2025,"type":16},{"name":2192,"slug":2193,"type":16},"Observability","observability",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:45.057571",28,{"items":2198,"total":2196},[2199,2207,2215,2223,2231,2238,2245],{"slug":2011,"name":2012,"fn":2013,"description":2014,"org":2200,"tags":2201,"stars":24,"repoUrl":25,"updatedAt":2030},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2202,2203,2204,2205,2206],{"name":2018,"slug":2019,"type":16},{"name":2021,"slug":2022,"type":16},{"name":2024,"slug":2025,"type":16},{"name":2027,"slug":2028,"type":16},{"name":10,"slug":9,"type":16},{"slug":2032,"name":2033,"fn":2034,"description":2035,"org":2208,"tags":2209,"stars":24,"repoUrl":25,"updatedAt":2047},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2210,2211,2212,2213,2214],{"name":2018,"slug":2019,"type":16},{"name":2024,"slug":2025,"type":16},{"name":2041,"slug":2042,"type":16},{"name":2044,"slug":2045,"type":16},{"name":10,"slug":9,"type":16},{"slug":2049,"name":2050,"fn":2051,"description":2052,"org":2216,"tags":2217,"stars":24,"repoUrl":25,"updatedAt":2064},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2218,2219,2220,2221,2222],{"name":2018,"slug":2019,"type":16},{"name":2057,"slug":2058,"type":16},{"name":2041,"slug":2042,"type":16},{"name":2061,"slug":2062,"type":16},{"name":10,"slug":9,"type":16},{"slug":2066,"name":2067,"fn":2068,"description":2069,"org":2224,"tags":2225,"stars":24,"repoUrl":25,"updatedAt":2081},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2226,2227,2228,2229,2230],{"name":2018,"slug":2019,"type":16},{"name":2074,"slug":2075,"type":16},{"name":2077,"slug":2078,"type":16},{"name":2041,"slug":2042,"type":16},{"name":10,"slug":9,"type":16},{"slug":2083,"name":2084,"fn":2085,"description":2086,"org":2232,"tags":2233,"stars":24,"repoUrl":25,"updatedAt":2097},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2234,2235,2236,2237],{"name":2018,"slug":2019,"type":16},{"name":2091,"slug":2092,"type":16},{"name":2094,"slug":2095,"type":16},{"name":10,"slug":9,"type":16},{"slug":2099,"name":2100,"fn":2101,"description":2102,"org":2239,"tags":2240,"stars":24,"repoUrl":25,"updatedAt":2113},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2241,2242,2243,2244],{"name":2106,"slug":2107,"type":16},{"name":2109,"slug":2110,"type":16},{"name":2041,"slug":2042,"type":16},{"name":10,"slug":9,"type":16},{"slug":2115,"name":2116,"fn":2117,"description":2118,"org":2246,"tags":2247,"stars":24,"repoUrl":25,"updatedAt":2127},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[2248,2249,2250,2251],{"name":2074,"slug":2075,"type":16},{"name":2041,"slug":2042,"type":16},{"name":2124,"slug":2125,"type":16},{"name":10,"slug":9,"type":16}]