# Liquid Theme A11Y > 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. - Skill: `om-scogo/liquid-theme-a11y` (Agent Skill, multi-file: 4 files) - Install (CLI): `npx skillmds add om-scogo/liquid-theme-a11y` - Raw SKILL.md: https://api.skillmd.com/api/skills/om-scogo/liquid-theme-a11y/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: om-scogo (https://skillmd.com/u/om-scogo) - Updated: 2026-09-08 - Page: https://skillmd.com/skills/om-scogo/liquid-theme-a11y --- # Accessibility for Shopify Liquid Themes ## Core Principle 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. ## Decision Table: Which Pattern? | Component | HTML Element | ARIA Pattern | Reference | |-----------|-------------|-------------|-----------| | Expandable content | `

` | None needed | [Accordion](#accordion) | | Modal/dialog | `