liquid-theme-a11y
CommunityAccessible Shopify Liquid themes
Authorbenjaminsehl
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the critical need to make Shopify Liquid themes accessible to all users, ensuring compliance with WCAG standards and improving user experience for individuals with disabilities.
Core Features & Use Cases
- Component Accessibility Patterns: Provides specific ARIA patterns and HTML structures for common e-commerce components like product cards, carousels, modals, forms, and filters.
- Focus Management: Guides on implementing effective focus indicators, trapping focus within modals, and managing focus order for keyboard navigation.
- Use Case: When developing a new product card component for a Shopify theme, use this Skill to ensure it has proper ARIA attributes, keyboard navigability, and semantic HTML for screen reader users.
Quick Start
Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes for product cards.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: liquid-theme-a11y Download link: https://github.com/benjaminsehl/liquid-skills/archive/main.zip#liquid-theme-a11y Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.