·liquid-theme-a11y
</>

liquid-theme-a11y

Implémentez les modèles d'accessibilité WCAG 2.2 dans les thèmes Shopify Liquid. Couvre les composants spécifiques au commerce électronique, notamment les fiches produits, les carrousels, les tiroirs de chariot, l'affichage des prix, les formulaires, les filtres et les modaux. À utiliser lors de la création de composants de thème accessibles, de la résolution de problèmes d'accessibilité ou de la révision des modèles ARIA dans les fichiers .liquid.

352Installations·3Tendance·@benjaminsehl

Installation

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

Comment installer liquid-theme-a11y

Installez rapidement le skill IA liquid-theme-a11y dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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 |

Implémentez les modèles d'accessibilité WCAG 2.2 dans les thèmes Shopify Liquid. Couvre les composants spécifiques au commerce électronique, notamment les fiches produits, les carrousels, les tiroirs de chariot, l'affichage des prix, les formulaires, les filtres et les modaux. À utiliser lors de la création de composants de thème accessibles, de la résolution de problèmes d'accessibilité ou de la révision des modèles ARIA dans les fichiers .liquid. Source : benjaminsehl/liquid-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from benjaminsehl/liquid-skills

Réponses rapides

Qu'est-ce que liquid-theme-a11y ?

Implémentez les modèles d'accessibilité WCAG 2.2 dans les thèmes Shopify Liquid. Couvre les composants spécifiques au commerce électronique, notamment les fiches produits, les carrousels, les tiroirs de chariot, l'affichage des prix, les formulaires, les filtres et les modaux. À utiliser lors de la création de composants de thème accessibles, de la résolution de problèmes d'accessibilité ou de la révision des modèles ARIA dans les fichiers .liquid. Source : benjaminsehl/liquid-skills.

Comment installer liquid-theme-a11y ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-25