قم بتطبيق أنماط إمكانية الوصول WCAG 2.2 في سمات Shopify Liquid. يغطي المكونات الخاصة بالتجارة الإلكترونية بما في ذلك بطاقات المنتجات، والدوامات، وأدراج العربات، وعرض الأسعار، والنماذج، والمرشحات، والنماذج. يُستخدم عند إنشاء مكونات سمة يمكن الوصول إليها، أو إصلاح مشكلات إمكانية الوصول، أو مراجعة أنماط ARIA في ملفات .liquid.
ثبّت مهارة الذكاء الاصطناعي liquid-theme-a11y بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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 |
قم بتطبيق أنماط إمكانية الوصول WCAG 2.2 في سمات Shopify Liquid. يغطي المكونات الخاصة بالتجارة الإلكترونية بما في ذلك بطاقات المنتجات، والدوامات، وأدراج العربات، وعرض الأسعار، والنماذج، والمرشحات، والنماذج. يُستخدم عند إنشاء مكونات سمة يمكن الوصول إليها، أو إصلاح مشكلات إمكانية الوصول، أو مراجعة أنماط ARIA في ملفات .liquid. المصدر: benjaminsehl/liquid-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11yقم بتطبيق أنماط إمكانية الوصول WCAG 2.2 في سمات Shopify Liquid. يغطي المكونات الخاصة بالتجارة الإلكترونية بما في ذلك بطاقات المنتجات، والدوامات، وأدراج العربات، وعرض الأسعار، والنماذج، والمرشحات، والنماذج. يُستخدم عند إنشاء مكونات سمة يمكن الوصول إليها، أو إصلاح مشكلات إمكانية الوصول، أو مراجعة أنماط ARIA في ملفات .liquid. المصدر: benjaminsehl/liquid-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-a11y بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/benjaminsehl/liquid-skills