Implementa i modelli di accessibilità WCAG 2.2 nei temi Shopify Liquid. Copre componenti specifici dell'e-commerce, tra cui schede prodotto, caroselli, cassetti del carrello, visualizzazione dei prezzi, moduli, filtri e modalità. Da utilizzare durante la creazione di componenti di temi accessibili, la risoluzione di problemi di accessibilità o la revisione di modelli ARIA nei file .liquid.
Installa rapidamente la skill AI liquid-theme-a11y nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Implementa i modelli di accessibilità WCAG 2.2 nei temi Shopify Liquid. Copre componenti specifici dell'e-commerce, tra cui schede prodotto, caroselli, cassetti del carrello, visualizzazione dei prezzi, moduli, filtri e modalità. Da utilizzare durante la creazione di componenti di temi accessibili, la risoluzione di problemi di accessibilità o la revisione di modelli ARIA nei file .liquid. Fonte: benjaminsehl/liquid-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11yImplementa i modelli di accessibilità WCAG 2.2 nei temi Shopify Liquid. Copre componenti specifici dell'e-commerce, tra cui schede prodotto, caroselli, cassetti del carrello, visualizzazione dei prezzi, moduli, filtri e modalità. Da utilizzare durante la creazione di componenti di temi accessibili, la risoluzione di problemi di accessibilità o la revisione di modelli ARIA nei file .liquid. Fonte: benjaminsehl/liquid-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/benjaminsehl/liquid-skills