liquid-theme-a11y
Accessibility patterns and semantic HTML components for Shopify Liquid themes, covering e-commerce UI and navigation.
Install
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11yStats
| Total installs | 926 |
| Weekly installs | 926 |
| GitHub stars | 104 |
| First seen | Feb 23, 2026 |
| Source | @benjaminsehl/liquid-skills |
Summary
- Covers 11 e-commerce-specific components: product cards, carousels, modals, forms, filters, tabs, dropdowns, tooltips, cart drawers, prices, and accordions with semantic HTML and ARIA patterns
- Includes decision table mapping components to correct HTML elements and ARIA roles, plus complete code examples for each pattern
- Enforces keyboard navigation, screen reader support, focus management with trapping, and reduced-motion preferences across all interactive elements
- Requires minimum 44x44px touch targets, 3:1 contrast for UI components, skip links, single h1 per page, and live regions for dynamic content updates
Tags
Related skills
| Skill | Installs | vs liquid-theme-a11y |
|---|---|---|
| frontend-design | 0 | -926 |
| playwright-interactive | 976 | +50 |
| nextjs | 1,044 | +118 |
| graphql-operations | 925 | -1 |
| tanstack-start | 1,041 | +115 |
FAQ
- How many installs does liquid-theme-a11y have?
- liquid-theme-a11y has 926 total installs and 926 installs this week.
- Where is liquid-theme-a11y hosted?
- liquid-theme-a11y is published by @benjaminsehl/liquid-skills at https://github.com/benjaminsehl/liquid-skills.
- How many GitHub stars does liquid-theme-a11y have?
- liquid-theme-a11y has 104 GitHub stars.
- When was liquid-theme-a11y first indexed?
- OrangeBot.AI first indexed liquid-theme-a11y on Feb 23, 2026.
- How do I install liquid-theme-a11y?
- Run: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y