スキル accessibility-wcag
📦

accessibility-wcag

v1.0 コンテンツリビジョン r1 低リスク ⚙️ 外部コマンド🌐 ネットワークアクセス

WCAG 2.2 準拠に向けたインターフェース監査

アクセシビリティの不具合は、製品を使いにくくし、コンプライアンス上のリスクを高めます。このスキルは、Claude、Codex、Claude Code が UI 作業で WCAG 2.2 チェックを行う手順を案内します。

対応: Claude Codex Code(CC)
📊 75 十分

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト
Review the Skillstore skill "accessibility-wcag" from https://skillstore.io/skills/doyajin174-accessibility-wcag.md and its manifest at https://skillstore.io/api/skills/doyajin174-accessibility-wcag/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/doyajin174-accessibility-wcag.md 署名済み manifest GET /api/skills/doyajin174-accessibility-wcag/manifest 署名済み lockfile GET /api/skills/doyajin174-accessibility-wcag/lockfile

テストする

「accessibility-wcag」を使用しています。 カスタムのクリック可能なカードが div、マウスクリック処理、フォーカススタイルなしで実装されている。

期待される結果:

レビューでは、セマンティックなボタン動作の欠如、キーボードによる起動の欠如、非表示のフォーカスを指摘します。ネイティブのボタン、または role、tab、キー、フォーカスの完全なサポートを推奨します。

「accessibility-wcag」を使用しています。 フォームがメールアドレスとパスワードのフィールドにラベルではなくプレースホルダーテキストを使用している。

期待される結果:

レビューでは、プログラム上のラベルが欠けていることを特定し、スクリーンリーダーへの影響を説明します。各 input に関連付けられた表示ラベルを推奨します。

「accessibility-wcag」を使用しています。 ダッシュボードが薄いグレーのテキスト、アイコンのみのコントロール、ドラッグのみの並べ替えを使用している。

期待される結果:

レビューでは、コントラスト、名前、ドラッグの代替手段に関する問題を報告します。より強い色、アクセシブルな名前、上へ移動または下へ移動ボタンを提案します。

セキュリティ監査

低リスク
v8 • 2026/7/6 バージョン別レポートを開く

Static analyzer hits were false positives caused by Markdown code fences, CSS examples, keyboard-event text, and reference links in SKILL.md. No prompt injection, credential access, obfuscation, data exfiltration, or executable malware intent was found. The only residual concern is broad Bash permission for a skill that is mostly documentation and review guidance.

1
スキャンされたファイル
299
解析済み行数
0
レビュー項目
0
誤検知を無視

確認済みのセキュリティ上の懸念 (1)

低
SKILL.md:4SKILL.md:225-234
Overbroad Bash Tool Permission
The skill declares Bash access while its main purpose is accessibility guidance. The documentation also includes optional npm and Lighthouse CI commands, so agents should require explicit user approval before running setup or audit commands.
The Bash permission and command examples are visible in the skill file, but they are framed as optional testing tools. This is a permission-scope risk, not evidence of malicious intent.

リスク要因

⚙️ 外部コマンド (29)
SKILL.md:33-41 SKILL.md:41-45 SKILL.md:45-56 SKILL.md:56-60 SKILL.md:60-78 SKILL.md:78-82 SKILL.md:82-97 SKILL.md:97-107 SKILL.md:107-119 SKILL.md:119-123 SKILL.md:123-133 SKILL.md:133-137 SKILL.md:137-157 SKILL.md:157-161 SKILL.md:161-178 SKILL.md:178-184 SKILL.md:184-196 SKILL.md:196-200 SKILL.md:200-209 SKILL.md:209-213 SKILL.md:213-219 SKILL.md:219-225 SKILL.md:225-235 SKILL.md:235-239 SKILL.md:239-249 SKILL.md:249-264 SKILL.md:264-270 SKILL.md:270-274 SKILL.md:274-280
🌐 ネットワークアクセス (1)
SKILL.md:298
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/doyajin174-accessibility-wcag/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/doyajin174-accessibility-wcag/security.svg)](https://skillstore.io/skills/doyajin174-accessibility-wcag?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/doyajin174-accessibility-wcag?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/doyajin174-accessibility-wcag/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/doyajin174-accessibility-wcag.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
学術引用 (APA · BibTeX · CFF)

APA形式の引用

Doyajin174. (2026). accessibility-wcag security audit report (audit version 8) [Author version 1.0]. Skillstore. https://skillstore.io/skills/doyajin174-accessibility-wcag/audits/8

BibTeX形式の引用

@techreport{doyajin174-doyajin174-accessibility-wcag-2026, author = {Doyajin174}, title = {accessibility-wcag security audit report (audit version 8)}, institution = {Skillstore}, year = {2026}, number = {8}, url = {https://skillstore.io/skills/doyajin174-accessibility-wcag/audits/8}, note = {Author version 1.0} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "accessibility-wcag security audit report (audit version 8)" version: "1.0" type: report authors: - name: "Doyajin174" date-released: "2026-07-06" url: "https://skillstore.io/skills/doyajin174-accessibility-wcag/audits/8" identifiers: - type: other value: "skillstore:doyajin174-accessibility-wcag:audit:8" description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由 証拠の信頼度: 高
55
アーキテクチャ
85
保守性
87
コンテンツ
70
コミュニティ
83
仕様準拠

作成できるもの

React コンポーネントをレビューする

マージ前に、新しいコンポーネントのラベル、セマンティック要素、キーボード動作、フォーカス状態、ARIA の使用状況をチェックします。

アクセシビリティ監査を準備する

機能リリースに向けて、手動および自動テスト手順を含む WCAG 2.2 レビューチェックリストを作成します。

デザインハンドオフの品質を向上させる

タッチターゲット、コントラスト、フォーカス、代替手段に関するアクセシビリティ要件を、具体的な UI 受け入れ基準に変換します。

これらのプロンプトを試す

基本的なアクセシビリティをチェックする 
このコンポーネントを WCAG 2.2 の基本事項に照らしてレビューしてください。semantic HTML、代替テキスト、ラベル、キーボードアクセス、カラーコントラストに注目してください。
キーボードの問題を見つける 
このインタラクションのキーボードアクセシビリティを監査してください。タブ順序、フォーカスの視認性、Enter と Space の動作、escape の動作、ドラッグの代替手段をチェックしてください。
リリースチェックリストを作成する 
この機能の WCAG 2.2 AA チェックリストを作成してください。自動テスト、手動のスクリーンリーダーチェック、コントラストチェック、受け入れ基準を含めてください。
WCAG 2.2 AA に向けてリファクタリングする 
この UI コードをレビューし、WCAG 2.2 AA の改善計画を提案してください。ブロッカーを優先し、ユーザーへの影響を説明し、実装手順を提案してください。

ベストプラクティス

  • ARIA ロールやカスタムインタラクションコードを追加する前に、まずネイティブの HTML コントロールを使用します。
  • 自動化の結果に頼る前に、すべての重要なワークフローをキーボードだけでテストします。
  • 各アクセシビリティ修正について、ユーザーへの影響と対応する WCAG 達成基準を文書化します。

回避

  • キーボードサポートなしで、ボタンやリンクをクリック可能な div 要素に置き換えること。
  • エラー、状態、ステータス、必要な操作を色だけで伝えること。
  • セマンティックマークアップを修正せず、構造上の問題を隠すために ARIA 属性を追加すること。

よくある質問

このスキルはどの WCAG バージョンを対象にしていますか？
WCAG 2.2 を対象とし、一般的なフロントエンド作業における AA 要件を重視します。
自動アクセシビリティテストを実行できますか？
ツールやコマンドを提案できますが、どのコマンドもユーザーの承認後にのみ実行してください。
完全なアクセシビリティ監査の代替になりますか？
いいえ。コードレビューとチェックリスト作成を支援しますが、完全な監査には手動テストと支援技術によるレビューが必要です。
ARIA は対象ですか？
はい。ダイアログロール、ライブリージョン、ビジー状態、ラベル、そして ARIA よりネイティブ HTML が適している場合をガイドします。
デザイナーも使用できますか？
はい。デザイナーは、コントラスト、ターゲットサイズ、フォーカス、ラベル、代替手段の受け入れ基準を作成するために使用できます。
Claude Code と Codex に役立ちますか？
はい。このスキルは、Claude、Codex、Claude Code のワークフロー向けにレビュー用プロンプトと改善ガイダンスを提供します。

開発者情報

作成者

Doyajin174

ライセンス

MIT

作者バージョン

v1.0

Skillstore リビジョン

r1

バージョンに関する注意

作者が宣言したバージョンは有効な SemVer ではありません。

リポジトリ

https://github.com/Doyajin174/myskills/tree/main/.public/skills/accessibility-wcag

参照

72d5025b022c77f7a51bdf5c1637c689c80e89d1

メンテナンスの新しさ

2026/7/29

利用状況

5 ダウンロード · 217 閲覧

ファイル構成

📄 SKILL.md

Doyajin174 のその他のスキル

すべて表示

関連スキル

すべて表示