·framework-accessibility
</>

framework-accessibility

Шаблоны специальных возможностей для конкретных платформ, распространенные ошибки и шаблоны исправлений кода для React, Next.js, Vue, Angular, Svelte и Tailwind CSS. Используйте при создании исправлений специальных возможностей с учетом платформы или проверке антишаблонов, специфичных для платформы.

16Установки·2Тренд·@taylorarndt

Установка

$npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility

Как установить framework-accessibility

Быстро установите AI-навык framework-accessibility в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: taylorarndt/a11y-agent-team.

| onClick on | Not keyboard accessible | Use or add role="button", tabIndex={0}, onKeyDown | | dangerouslySetInnerHTML | May inject inaccessible content | Audit injected HTML for ARIA, headings, alt text | | React.Fragment as root | May break landmark tree | Ensure fragments don't interrupt landmark nesting |

| Missing key on lists | Can cause focus loss on re-render | Use stable keys (not array index) for interactive lists | | Portal without focus trap | Focus can escape to background | Wrap portal content in FocusTrap component | | useEffect focus management | Focus may not fire on mount | Use useRef + useEffect with proper dependency array |

| v-html with user content | May inject inaccessible markup | Sanitize and audit injected HTML | | v-if on live regions | Removes element from DOM, breaks announcements | Use v-show for live regions instead | | without focus | Focus lost when content transitions | Manage focus in @after-enter hook |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-26
Обновлено
2026-03-10

Browse more skills from taylorarndt/a11y-agent-team

Короткие ответы

Что такое framework-accessibility?

Шаблоны специальных возможностей для конкретных платформ, распространенные ошибки и шаблоны исправлений кода для React, Next.js, Vue, Angular, Svelte и Tailwind CSS. Используйте при создании исправлений специальных возможностей с учетом платформы или проверке антишаблонов, специфичных для платформы. Источник: taylorarndt/a11y-agent-team.

Как установить framework-accessibility?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/taylorarndt/a11y-agent-team

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-26