accessibility-audit

AgentsRoom 作AgentsRoom が認定インストールはまだありませんいいねはまだありません2026年5月7日に更新カテゴリー: エンジニアリング

できること

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 向けのオープンソーススキル。Google、Meta、LinkedIn、TikTok、Amazon 広告など250以上の項目をチェックし、100点満点のスコアと優先順位付きのアクションプランを、わずか10分ほどで出力します。インストール方法、コマンド、限界、そして AgentsRoom での使いこなし方まで解説。