·liquid-theme-a11y
</>

liquid-theme-a11y

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.

352Instalaciones·3Tendencia·@benjaminsehl

Instalación

$npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y

Cómo instalar liquid-theme-a11y

Instala rápidamente el skill de IA liquid-theme-a11y en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y
  3. Verificar instalación: 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

Fuente: benjaminsehl/liquid-skills.

SKILL.md

Ver original

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.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from benjaminsehl/liquid-skills

Respuestas rápidas

¿Qué es liquid-theme-a11y?

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.

¿Cómo instalo liquid-theme-a11y?

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

¿Dónde está el repositorio de origen?

https://github.com/benjaminsehl/liquid-skills

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-25