Внедрите шаблоны доступности WCAG 2.2 в темы Shopify Liquid. Охватывает компоненты, специфичные для электронной коммерции, включая карточки товаров, карусели, ящики корзины, отображение цен, формы, фильтры и модальные окна. Используйте при создании доступных компонентов темы, устранении проблем с доступностью или просмотре шаблонов ARIA в файлах .liquid.
Быстро установите AI-навык 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.
Стабильные поля и команды для ссылок в AI/поиске.
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 После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/benjaminsehl/liquid-skills