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 - це портативний файл інструкцій, який ваші AI агенти кодування читають перед тим, як торкнутися вашого коду. Що в нього включити, чим він відрізняється від CLAUDE.md та як зберегти один контекст для Codex, Antigravity і Claude.