Make your Shopify store welcoming to all visitors. This guide helps you build online stores that work for everyone. It follows WCAG 2.2 rules for accessibility.
You will learn how to make product cards, carousels, cart drawers, and forms easy to use. These patterns work with keyboard only and screen readers. Start with semantic HTML and add ARIA only when needed.
Every interactive part of your store should be clear and simple. Use focus indicators and skip links to help people navigate. This skill gives you ready-to-use code for Shopify Liquid themes.
Global
mkdir -p ~/.claude/skills/liquid-theme-a11yProject
mkdir -p .claude/skills/liquid-theme-a11ySource Repository
Accessibilityaddyosmani/web-quality-skills
Audit and improve web accessibility following WCAG 2.2 guidelines for inclusivity
Fixing Accessibilityibelick/ui-skills
Audit and fix HTML accessibility issues for a more inclusive web
Accessibility Compliancewshobson/agents
Build inclusive interfaces that everyone can use with ease and confidence
Wcag Audit Patternswshobson/agents
Audit websites for WCAG 2.2 compliance and fix accessibility violations
Next Intl Add Languagegithub/awesome-copilot
Easily add a new language to your Next.js internationalized app
Vscode Ext Localizationgithub/awesome-copilot
Localize VS Code extensions correctly for all languages using official best practices
Flutter Improving Accessibilityflutter/skills
Make your Flutter app usable for everyone with accessibility features
Screen Reader Testingwshobson/agents
Test websites with screen readers for full accessibility and user inclusion