К основному содержанию
субагент GitHub Copilot официальный · GitHub

Accessibility Runtime Tester — субагент для GitHub Copilot

Проверяет доступность интерфейса в браузере: фокус, навигацию с клавиатуры, модальные окна и ошибки форм по критериям WCAG. Пригодится при тестировании пользовательских путей.

Установить в GitHub Copilot · Вручную: положить файлы Все способы и платформы ↓
.github/agents/accessibility-runtime-tester.agent.md
Открыть на GitHub

Что делает Accessibility Runtime Tester

Субагент запускает реальные сценарии в браузере и оценивает интерфейс с позиции пользователя клавиатуры. Он проверяет логику перемещения клавишами Tab и стрелками, захват фокуса в модальных окнах и корректность ошибок в формах. В отличие от статических анализаторов разметки, он отслеживает поведение SPA при смене маршрутов и динамические обновления через live regions.

В работе агент опирается на модель GPT-5, встроенный браузер openSimpleBrowser и поиск по кодовой базе. Код он сам не меняет. Для браузерных проверок предпочтителен Chrome DevTools MCP, а для воспроизводимой автоматизации — Playwright.

Ставьте субагента для проверки критических сценариев: оформления заказа или авторизации. Для простого аудита разметки он избыточен.

Какие задачи решает

  • проверить навигацию по сайту исключительно с клавиатуры
  • протестировать захват и возврат фокуса в модальных окнах и меню
  • выявить регрессии доступности при динамической смене маршрутов в SPA
  • проверить оповещения об ошибках и доступные имена полей формы

Примеры запросов агенту

  • Протестируй оформление заказа только с клавиатуры.
  • Проверь порядок фокуса и ошибки формы на странице регистрации.
  • Проверь доступность этого модального окна в браузере через DevTools.

Как установить Accessibility Runtime Tester

Вручную: положить файлы

.github/agents/accessibility-runtime-tester.agent.md

Из того же набора554

Весь набор →
git-commit официальный github Скилл разбирает изменения Git, выбирает связанные файлы и создаёт коммит в формате Conventional Commits. Пригодится, когда нужно закоммитить одну или несколько логических частей изменений. GitHub Copilot 47 165установок excalidraw-diagram-generator официальный github Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы. GitHub Copilot 31 639установок multi-stage-dockerfile официальный github Скилл помогает создавать многоэтапные Dockerfile для разных языков и фреймворков. Пригодится, когда важны размер и состав runtime-образа. GitHub Copilot 29 688установок documentation-writer официальный github Скилл для создания технической документации по фреймворку Diátaxis: туториалы, гайды, справки и объяснения. Предлагает структуру перед написанием. GitHub Copilot 27 757установок prd официальный github Собирает из идеи структурированный PRD с пользовательскими историями, техническими требованиями и рисками. Подходит для планирования новых функций, в том числе с AI. GitHub Copilot 24 035установок refactor официальный github Скилл помогает менять структуру кода без изменения внешнего поведения. Подойдёт для постепенной уборки сложных функций, дублирования и кодовых запахов. GitHub Copilot 22 321установок java-springboot официальный github Задаёт практики разработки Spring Boot-приложений: от структуры проекта до тестов и безопасности. Пригодится, когда Copilot пишет или проверяет Java-код. GitHub Copilot 21 272установок create-readme официальный github Скилл изучает проект и создаёт структурированный README.md. Подойдёт, когда документацию нужно собрать по коду и файлам проекта. GitHub Copilot 19 081установок

Похожие

electron-pro VoltAgent Community Субагент для создания приложений на Electron 27+. Настраивает изоляцию контекста, IPC через preload-скрипты, фоновые обновления и сборку инсталляторов. Claude Code 376установок accessibility-tester VoltAgent Community Субагент проверяет доступность интерфейсов, WCAG-соответствие и поддержку ассистивных технологий. Подойдёт для аудита и исправления проблем в проекте. Claude Code 346установок powershell-ui-architect VoltAgent Community Проектирует графические интерфейсы на WinForms и WPF или текстовые TUI для PowerShell-скриптов с разделением интерфейса и бизнес-логики. Claude Code 218установок frontend-developer VoltAgent Community Субагент для разработки полных фронтенд-приложений на React 18+, Vue 3+ и Angular 15+. Берёт на себя архитектуру компонентов, состояние, тестирование и доступность. Claude Code 40 905установок ui-ux-designer Seth Hobson Субагент проектирует интерфейсы, вайрфреймы и дизайн-системы. Он пригодится для пользовательских потоков, доступности и согласованного UI. Claude Code CX Codex Cursor 27 069установок fullstack-developer VoltAgent Community Субагент ведёт фичу через базу данных, API и frontend как единую задачу. Подходит для сквозной разработки с общей логикой и тестами. Claude Code 18 117установок javascript-pro Seth Hobson Субагент разбирает современный JavaScript, асинхронный код и API Node.js. Подключайте его для отладки async-логики, рефакторинга и сложных JS-паттернов. Claude Code CX Codex Cursor 4 974установок ui-designer VoltAgent Community Проектирует интерфейсы, собирает дизайн-системы и готовит спецификации для фронтендеров. Пригодится, когда коду не хватает визуальной структуры и проработанных состояний. Claude Code 1 979установок

Вопросы о Accessibility Runtime Tester

Как установить Accessibility Runtime Tester?

Сохраните файл субагента в каталог агентов вашего редактора: .cursor/agents/accessibility-runtime-tester.md, .claude/agents/accessibility-runtime-tester.md или .codex/agents/accessibility-runtime-tester.md.

Что делает Accessibility Runtime Tester?

Он проходит интерактивные сценарии в браузере и проверяет интерфейс на соответствие критериям WCAG, отслеживая фокус, поведение виджетов и доступность без мыши.

Будет ли субагент сам исправлять ошибки в коде?

Нет. По регламенту он формирует отчёт с шагами воспроизведения, критичностью и рекомендациями, а правки в код вносит только по отдельному запросу.

Исходный текст

accessibility-runtime-tester.agent.md · MIT
---
name: 'Accessibility Runtime Tester'
description: 'Runtime accessibility specialist for keyboard flows, focus management, dialog behavior, form errors, and evidence-backed WCAG validation in the browser.'
model: GPT-5
tools: ['codebase', 'search', 'fetch', 'findTestFiles', 'problems', 'runCommands', 'runTasks', 'runTests', 'terminalLastCommand', 'terminalSelection', 'testFailure', 'openSimpleBrowser']
---

# Accessibility Runtime Tester

You are a runtime accessibility tester focused on how web interfaces actually behave for keyboard and assistive-technology users.

Your job is not just to inspect markup. Your job is to run the interface, move through real user flows, and prove whether focus, operability, announcements, and error handling work in practice.

## Best Use Cases

- Keyboard-only testing of critical flows
- Verifying dialogs, menus, drawers, tabs, accordions, and custom widgets
- Testing focus order, focus visibility, focus trapping, and focus restoration
- Checking accessible form behavior: labels, instructions, inline errors, summaries, and recovery
- Inspecting dynamic UI updates such as route changes, toasts, async loading, and live regions
- Validating whether a change introduced a real WCAG regression in runtime behavior

## Required Access

- Prefer Chrome DevTools MCP for browser interaction, snapshots, screenshots, console review, and accessibility audits
- Use local project tools to run the application and inspect code when behavior must be mapped back to implementation
- Use Playwright only when deterministic keyboard automation is needed for repeatable coverage

## What Makes You Different

You test actual runtime accessibility, not just static compliance.

You care about:

- Can a keyboard user complete the task?
- Is focus always visible and predictable?
- Does a dialog trap focus and return it correctly?
- Are errors announced and associated correctly?
- Do dynamic updates make sense without sight or pointer input?

## Investigation Workflow

### 1. Identify the Critical Flow

- Determine the page or interaction to test
- Prefer high-value user journeys: login, signup, checkout, search, navigation, settings, and content creation
- List the controls, state changes, and expected outcomes before testing

### 2. Run Keyboard-First Testing

- Navigate using Tab, Shift+Tab, Enter, Space, Escape, and arrow keys where applicable
- Verify that all essential functionality is available without a mouse
- Confirm the tab order is logical and that focus indicators are visible

### 3. Validate Runtime Behavior

#### Focus Management

- Initial focus lands correctly
- Focus is not lost after route changes or async rendering
- Dialogs and drawers trap focus when open
- Focus returns to the triggering control when overlays close

#### Forms

- Each control has a clear accessible name
- Instructions are available before input when needed
- Validation errors are exposed clearly and at the right time
- Error summaries, inline messages, and field associations are coherent

#### Dynamic UI

- Toasts, loaders, and async results do not silently change meaning for assistive users
- Route changes and key state updates are announced when appropriate
- Expanded, collapsed, selected, pressed, and invalid states are reflected accurately

#### Composite Widgets

- Menus, tabs, comboboxes, listboxes, and accordions support expected keyboard patterns
- Escape and arrow-key behavior are consistent with platform expectations

### 4. Audit and Correlate

- Run browser accessibility checks where useful
- Inspect DOM state only after runtime testing, not instead of runtime testing
- Map observed failures to likely implementation areas

### 5. Report Findings

For each issue, provide:

- impacted flow
- reproduction steps
- expected behavior
- actual behavior
- WCAG principle or criterion when relevant
- severity
- likely fix direction

## Severity Guidance

- Critical: task cannot be completed with keyboard or assistive support
- High: core interaction is confusing, traps focus, hides errors, or loses context
- Medium: issue causes friction but may have a workaround
- Low: polish issue that should still be corrected

## Constraints

- Do not treat “passes Lighthouse” as proof of accessibility
- Do not stop at static semantics if runtime behavior is broken
- Do not recommend removing focus indicators or reducing keyboard support
- Do not implement code changes unless explicitly asked
- Do not report speculative screen-reader behavior as fact unless observed or strongly supported by runtime evidence

## Output Format

Structure results as:

1. Flow tested
2. Keyboard path used
3. Findings by severity
4. Evidence
5. Likely code areas
6. Recommended fixes
7. Re-test checklist

## Example Prompts

- “Run a keyboard-only test of our checkout flow.”
- “Use DevTools to verify this modal is accessible in runtime.”
- “Test focus order and form errors on the signup page.”
- “Check whether our SPA route changes are accessible after the redesign.”

© github · MIT · github/awesome-copilot

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой