Borrowing it
Nothing to install: this file belongs to yoshimi-I/ai-engineer-teams. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/yoshimi-I/ai-engineer-teams/main/.kiro/skills/fixing-accessibility/SKILL.mdgit clone --depth 1 https://github.com/yoshimi-I/ai-engineer-teamsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/yoshimi-i/ai-engineer-teams/fixing-accessibility)<a href="https://agentmods.dev/skills/yoshimi-i/ai-engineer-teams/fixing-accessibility"><img src="https://agentmods.dev/badge/skills/yoshimi-i/ai-engineer-teams/fixing-accessibility/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/yoshimi-i/ai-engineer-teams/fixing-accessibility"><img src="https://agentmods.dev/badge/skills/yoshimi-i/ai-engineer-teams/fixing-accessibility.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00130 | $0.01749 |
| Opus 5 | $0.00065 | $0.00874 |
| Sonnet 5 | $0.00026 | $0.00350 |
| Haiku 4.5 | $0.00013 | $0.00175 |
Grade A, and why
fixing-accessibility scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 136 lines — stays where its author put it; the contents beside it link to each section on GitHub.
アクセシビリティ修正
使い方
-
/fixing-accessibilityこの会話のUI作業に以下の制約を適用する。 -
/fixing-accessibility <file>ファイルを以下のルールに照らしてレビューし、報告:- 違反箇所（該当行/スニペットを引用）
- 重要な理由（1文）
- 具体的な修正案（コードレベル）
大規模なUI書き換えはしない。最小限のターゲット修正を優先。
適用タイミング
以下の作業時に参照:
- ボタン、リンク、入力、メニュー、ダイアログ、タブ、ドロップダウンの追加・変更
- フォーム、バリデーション、エラー状態、ヘルパーテキストの構築
- キーボードショートカットやカスタムインタラクションの実装
- フォーカス状態、フォーカストラップ、モーダル動作の作業
- アイコンのみのコントロールのレンダリング
- ホバーのみのインタラクションや非表示コンテンツの追加
優先度別ルールカテゴリ
| 優先度 | カテゴリ | 影響度 |
|---|---|---|
| 1 | アクセシブル名 | 致命的 |
| 2 | キーボードアクセス | 致命的 |
| 3 | フォーカスとダイアログ | 致命的 |
| 4 | セマンティクス | 高 |
| 5 | フォームとエラー | 高 |
| 6 | アナウンスメント | 中〜高 |
| 7 | コントラストと状態 | 中 |
| 8 | メディアとモーション | 低〜中 |
| 9 | ツール境界 | 致命的 |
クイックリファレンス
1. アクセシブル名（致命的）
- 全インタラクティブコントロールにアクセシブル名が必要
- アイコンのみのボタンには aria-label または aria-labelledby が必要
- 全 input, select, textarea にラベルが必要
- リンクには意味のあるテキストが必要（「ここをクリック」禁止）
- 装飾アイコンは aria-hidden にする
2. キーボードアクセス（致命的）
- 完全なキーボードサポートなしに div や span をボタンとして使わない
- 全インタラクティブ要素が Tab で到達可能であること
- キーボードユーザーにフォーカスが見えること
- tabindex に 0 より大きい値を使わない
- 該当する場合、Escape でダイアログやオーバーレイを閉じること
3. フォーカスとダイアログ（致命的）
- モーダルは開いている間フォーカスをトラップすること
- 閉じた時にトリガーにフォーカスを戻すこと
- ダイアログ内に初期フォーカスを設定すること
- ダイアログを開いた時にページが予期せずスクロールしないこと
4. セマンティクス（高）
- ロールベースのハックよりネイティブ要素（button, a, input）を優先
- ロールを使う場合、必須の aria 属性が存在すること
- リストは ul または ol と li を使用
- 見出しレベルをスキップしない
- 該当する場合、テーブルはヘッダーに th を使用
5. フォームとエラー（高）
- エラーは aria-describedby でフィールドにリンクすること
- 必須フィールドはアナウンスされること
- 無効なフィールドは aria-invalid を設定すること
- ヘルパーテキストは入力に関連付けること
- 無効化された送信アクションは理由を説明すること
6. アナウンスメント（中〜高）
- 重要なフォームエラーには aria-live を使用
- ローディング状態には aria-busy またはステータステキストを使用
- トーストは重要な情報を伝える唯一の手段にしない
- 展開可能なコントロールには aria-expanded と aria-controls を使用
7. コントラストと状態（中）
- テキストとアイコンに十分なコントラストを確保
- ホバーのみのインタラクションにはキーボード同等機能が必要
- 無効状態は色だけに依存しない
- 可視的な代替なしにフォーカスアウトラインを削除しない
8. メディアとモーション（低〜中）
- 画像には正しい alt テキスト（意味のあるもの or 空）が必要
- 音声付き動画には該当する場合キャプションを提供
- 必須でないモーションには prefers-reduced-motion を尊重
- 音声付きメディアの自動再生を避ける
9. ツール境界（致命的）
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 10d ago First seen · 136 lines · 130 tokens per session scan A 02e55e8b4b56
fixing-accessibility is a skill published in the GitHub repository yoshimi-I/ai-engineer-teams (2 stars, last pushed 2mo ago), licensed MIT. It adds 130 tokens to every session and 1,749 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
ag-ui-a2ui-integration
Use when adding A2UI rendering to any AG-UI-supported framework or custom AG-UI application, scaffolding an AG-UI app that should render A2UI, adapting an AG-UI integration to emit A2UI surfaces, or wiring the AG-UI A2UI middleware/toolkit with a compatible renderer.
widgets
Render rich HTML inline via tags with theme-aware styling. Load when emitting an mcwidget so the iframe inherits the dashboard theme instead of clashing with light / dark / custom palettes.
web-verify
Look at your OWN front-end change before claiming it works -- navigate the loopback URL of a dev server or pod you started, screenshot the surface you changed, read the image to judge it, and embed it in chat. Three capture backends: playwright-cli (the session the dashboard Browser panel shows), the agent-browser CLI…
mcp-host-styling-integration
Integrates MCP App UI with host theming system. Applies host CSS variables, handles onhostcontextchanged, safe area insets, display mode detection, and fullscreen configuration.
mcp-app-scaffolding
Scaffolds MCP App project structure with correct directory layout, dependencies, entry points, and framework-specific templates. Handles React (useApp hook), Vanilla JS, Vue, Svelte, Preact, and Solid.
moai-design-tools
Design tool integration specialist covering Figma MCP, Pencil renderer, and Pencil-to-code export. Use when fetching design context from Figma, rendering Pencil designs, or exporting to React/Tailwind code.