Communitygithub.com

benjaminsehl/liquid-theme-a11y

在 Shopify Liquid 主題中實作 WCAG 2.2 無障礙模式。涵蓋電子商務特定元件,包括產品卡片、輪播、購物車抽屜、價格顯示、表單、篩選器和模態框。適用於建構無障礙主題元件、修復無障礙問題或審查 .liquid 檔案中的 ARIA 模式。

liquid-theme-a11y 是什麼?

此技能專為開發者設計,協助在 Shopify Liquid 主題中實現 WCAG 2.2 無障礙標準。它涵蓋了電子商務常見元件的無障礙模式,例如產品卡片、輪播、購物車抽屜、價格顯示、表單、篩選器和模態框。此技能基於 SKILL.md 文件,提供具體的 ARIA 模式範例和實作指南,支援在 .liquid 檔案中直接套用。其價值在於簡化無障礙審查流程,確保主題符合法規要求,並提升所有使用者的體驗。此技能主要用於建構新的無障礙元件、修復現有無障礙問題或審查 ARIA 模式的正確性,是 Shopify 主題開發者的必備工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-a11y

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

liquid-theme-a11y 是做什麼的?

在 Shopify Liquid 主題中實作 WCAG 2.2 無障礙模式。涵蓋電子商務特定元件,包括產品卡片、輪播、購物車抽屜、價格顯示、表單、篩選器和模態框。適用於建構無障礙主題元件、修復無障礙問題或審查 .liquid 檔案中的 ARIA 模式。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相關技能