Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files.
Quickly install liquid-theme-a11y AI skill to your development environment via command line
Source: benjaminsehl/liquid-skills.
Every interactive component must work with keyboard only, screen readers, and reduced-motion preferences. Start with semantic HTML — add ARIA only when native semantics are insufficient.
| Component | HTML Element | ARIA Pattern | Reference |
| Expandable content | / | None needed | Accordion | | Modal/dialog | | aria-modal="true" | Modal | | Tooltip/popup | [popover] attribute | role="tooltip" fallback | Tooltip | | Dropdown menu | + | aria-expanded on triggers | Navigation | | Tab interface | | role="tablist/tab/tabpanel" | Tabs |
Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files. Source: benjaminsehl/liquid-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11yImplement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files. Source: benjaminsehl/liquid-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/benjaminsehl/liquid-skills