accessibility-audit

autor: AgentsRoomZweryfikowane przez AgentsRoomBrak instalacjiBrak polubieńZaktualizowano 7 maja 2026Kategoria: Inżynieria

Co robi

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

Instalacja otwiera tę pozycję w Twojej aplikacji AgentsRoom na komputerze. Jeśli aplikacji jeszcze nie ma, trafisz na stronę pobierania.

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.

Tagi

frontenda11yreview

Warto przeczytać

Claude Ads: skill Claude Code, który audytuje konta reklamowe

Claude Ads to open source'owy skill dla Claude Code: ponad 250 sprawdzeń na Google, Meta, LinkedIn, TikTok czy Amazon Ads, wynik na 100 i priorytetowy plan działania, w kilkanaście minut. Instalacja, komendy, ograniczenia i jak go orkiestrować w AgentsRoom.

AGENTS.md: jeden plik kontekstu dla każdego agenta kodującego (Codex, Antigravity, Claude)

AGENTS.md to przenośny plik z instrukcjami, który twoje agenty kodujące czytają, zanim dotkną kodu. Co w nim umieścić, czym różni się od CLAUDE.md i jak utrzymać jeden kontekst dla Codex, Antigravity i Claude.