accessibility-audit

автор: AgentsRoomПроверено AgentsRoomПока нет установокПока нет лайковОбновлено 7 мая 2026 г.Категория: Инженерия

Что он делает

Use when reviewing or writing UI code. Flags missing ARIA, keyboard handlers, focus traps, and contrast issues before shipping.

Установка открывает эту карточку в вашем десктопном приложении AgentsRoom. Если приложение ещё не установлено, вы попадёте на страницу загрузки.

SKILL.md

---
name: accessibility-audit
description: Use when reviewing or writing UI code. Flags missing ARIA, keyboard handlers, focus traps, and contrast issues before shipping.
---

# Accessibility audit

On every UI change, check the following before finishing:

1. Interactive elements (`<div onClick>`) must be `<button>` or have `role`, `tabIndex`, `onKeyDown`.
2. Form inputs must have an associated `<label>` (or `aria-label`).
3. Modal / dialog: focus trap, restore focus on close, `aria-modal="true"`.
4. Color contrast: WCAG AA (4.5:1 for body, 3:1 for large text).
5. Images: meaningful `alt`, decorative ones get `alt=""`.
6. Keyboard nav: every action reachable without a mouse, visible focus ring.

When in doubt, suggest the fix; don't silently leave issues.

Теги

frontenda11yreview

Полезные материалы

Claude Ads: навык Claude Code, который проводит аудит ваших рекламных аккаунтов

Claude Ads: открытый навык для Claude Code. Более 250 проверок в Google, Meta, LinkedIn, TikTok или Amazon Ads, оценка по 100-балльной шкале и приоритизированный план действий примерно за десять минут. Установка, команды, ограничения и как встроить его в AgentsRoom.

AGENTS.md: один файл контекста для любого агента-кодера (Codex, Antigravity, Claude)

AGENTS.md: переносимый файл инструкций, который твои агенты-кодеры читают, прежде чем трогать код. Что в него класть, чем он отличается от CLAUDE.md и как держать единый контекст для Codex, Antigravity и Claude.