# svelte-a11y

Команда проверяет доступность приложений на Svelte и SvelteKit и помогает исправить найденные проблемы. Пригодится для проверки клавиатурной навигации, форм и разметки.

- команда · `type=command` · Claude Code · 150 установок
- Автор: davila7
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/svelte/svelte-a11y.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/svelte-a11y

## Что делает

Команда направляет Claude Code на аудит доступности: проверку WCAG 2.1 AA/AAA, навигации с клавиатуры, контраста цветов и ARIA. Она также предлагает проверять интерфейс со скринридером и запускать автоматические тесты. Здесь важно сверять результаты инструментов с ручной проверкой: одной автоматической проверки для полного аудита недостаточно.

В инструкциях есть примеры доступной разметки компонентов и форм, пропуска к основному содержимому и управления фокусом. Для тестирования перечислены предупреждения Svelte a11y, axe-core и Pa11y CI. Команда может помочь составить набор тестов и отчёт о соответствии WCAG.

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --command svelte/svelte-a11y
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/svelte-a11y.md` — Вызов — /svelte-a11y. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/svelte-a11y.md` — Вызов — /prompts:svelte-a11y. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/svelte-a11y.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/svelte-a11y.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/svelte/svelte-a11y.md

## Когда брать
- проверить Svelte-интерфейс на проблемы доступности
- заменить недоступные интерактивные элементы семантической разметкой
- проверить метки полей и объявления ошибок формы
- найти проблемы с клавиатурной навигацией и фокусом
- оценить контраст и ARIA-разметку

## Примеры запросов агенту
- Проведи аудит доступности приложения на Svelte и составь отчёт по WCAG.
- Проверь форму оформления заказа: метки полей, ошибки и управление с клавиатуры.
- Найди проблемы с фокусом и ARIA в компонентах SvelteKit.

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 651 карточка

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md