Implemente patrones de accesibilidad WCAG 2.2 en los temas de Shopify Liquid. Cubre componentes específicos del comercio electrónico, incluidas tarjetas de productos, carruseles, cajones de carrito, visualización de precios, formularios, filtros y modales. Úselo al crear componentes de temas accesibles, solucionar problemas de accesibilidad o revisar patrones ARIA en archivos .liquid.
Instala rápidamente el skill de IA liquid-theme-a11y en tu entorno de desarrollo mediante línea de comandos
Fuente: 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 |
Implemente patrones de accesibilidad WCAG 2.2 en los temas de Shopify Liquid. Cubre componentes específicos del comercio electrónico, incluidas tarjetas de productos, carruseles, cajones de carrito, visualización de precios, formularios, filtros y modales. Úselo al crear componentes de temas accesibles, solucionar problemas de accesibilidad o revisar patrones ARIA en archivos .liquid. Fuente: benjaminsehl/liquid-skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11yImplemente patrones de accesibilidad WCAG 2.2 en los temas de Shopify Liquid. Cubre componentes específicos del comercio electrónico, incluidas tarjetas de productos, carruseles, cajones de carrito, visualización de precios, formularios, filtros y modales. Úselo al crear componentes de temas accesibles, solucionar problemas de accesibilidad o revisar patrones ARIA en archivos .liquid. Fuente: benjaminsehl/liquid-skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/benjaminsehl/liquid-skills