スキル accessibility-compliance
📦

accessibility-compliance

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

アクセシブルなインターフェイスの監査と構築

アクセシビリティ要件は、Web、iOS、Android、支援技術にわたって複雑です。このスキルは、Claude、Codex、Claude Code に実践的な WCAG 2.2、ARIA、キーボード、スクリーンリーダーのパターンを提供します。

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

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

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

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

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

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

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

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

テストする

「accessibility-compliance」を使用しています。 モーダルダイアログが、ユーザーが背景をクリックした場合にのみ閉じます。

期待される結果:

  • 問題: キーボードユーザーがダイアログを予測可能な方法で閉じることができません。
  • 修正: Escape の処理、視認可能な閉じるボタン、フォーカストラップ、閉じた後のフォーカス復帰を追加します。
  • テスト: ダイアログを開き、コントロール間をタブ移動し、Escape を押して、フォーカスがトリガーに戻ることを確認します。

「accessibility-compliance」を使用しています。 カスタムタブコンポーネントがクリック可能な div 要素を使用しています。

期待される結果:

  • 問題: タブにセマンティックなロールとキーボードナビゲーションがありません。
  • 修正: 矢印キーでの移動と選択状態を備えた tablist、tab、tabpanel ロールを使用します。
  • テスト: Tab、ArrowLeft、ArrowRight、Home、End で移動します。

「accessibility-compliance」を使用しています。 モバイルの商品カードに、画像、価格、評価、カートに追加する操作があります。

期待される結果:

  • 推奨: 関連するコンテンツを、明確なラベルを持つ 1 つのアクセシブルな要素にまとめます。
  • 推奨: カートに追加と詳細表示のためのカスタムアクションを提供します。
  • 推奨: VoiceOver と TalkBack のタッチ探索で動作を検証します。

セキュリティ監査

安全
v5 • 2026/7/7 バージョン別レポートを開く

I did not find evidence that the static analyzer hits represent real security issues. The flagged backticks, key references, URLs, Android terms, and checklist text are accessibility documentation or code examples, not command execution, secrets, or reconnaissance.

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

リスク要因

⚙️ 外部コマンド (29)
references/aria-patterns.md:63-64 references/aria-patterns.md:64-93 references/aria-patterns.md:134-136 references/aria-patterns.md:136-150 references/aria-patterns.md:150-151 references/aria-patterns.md:151-161 references/aria-patterns.md:308-328 references/aria-patterns.md:328-342 references/aria-patterns.md:350-351 references/aria-patterns.md:351-386 references/mobile-accessibility.md:90-120 references/mobile-accessibility.md:120-138 references/mobile-accessibility.md:380-389 references/wcag-guidelines.md:512-516 references/wcag-guidelines.md:516-523 references/wcag-guidelines.md:604-608 SKILL.md:79-121 SKILL.md:121-125 SKILL.md:125-198 SKILL.md:198-202 SKILL.md:202-222 SKILL.md:222-270 SKILL.md:270-274 SKILL.md:274-306 SKILL.md:306-310 SKILL.md:310-342 SKILL.md:342-353 SKILL.md:353-357 SKILL.md:357-384
🌐 ネットワークアクセス (3)
SKILL.md:418 SKILL.md:419 SKILL.md:420
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

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

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

レポートリンクをコピー

https://skillstore.io/skills/wshobson-accessibility-compliance/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/wshobson-accessibility-compliance.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形式の引用

wshobson. (2026). accessibility-compliance security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wshobson-accessibility-compliance/audits/5

BibTeX形式の引用

@techreport{wshobson-wshobson-accessibility-compliance-2026, author = {wshobson}, title = {accessibility-compliance security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/wshobson-accessibility-compliance/audits/5}, note = {Author version unspecified} }

CITATION.cff

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

Skillstore スコア

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

作成できるもの

製品インターフェイスをレビューする

ページまたはコンポーネントを、WCAG 2.2、キーボードアクセス、スクリーンリーダーの動作、視認可能なフォーカス要件に照らして監査します。

インクルーシブなコンポーネントを設計する

実装開始前に、アクセシブルなダイアログ、メニュー、タブ、フォーム、ライブリージョンを計画します。

モバイルアクセシビリティを改善する

タッチターゲットサイズ、VoiceOver、TalkBack、ジェスチャー、動的テキストについて、iOS と Android の体験を確認します。

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

基本的なアクセシビリティチェック 
このインターフェイスの基本的なアクセシビリティ問題をレビューしてください。ラベル、alt テキスト、見出し、キーボードアクセス、フォーカスの視認性、色のコントラストに注目してください。
コンポーネントパターンを修正する 
このコンポーネントをアクセシブルにしてください。正しいセマンティック HTML、ARIA 属性、キーボード操作、フォーカス動作、スクリーンリーダーへのアナウンスを追加してください。
WCAG 2.2 AA 監査 
このフローを WCAG 2.2 Level AA に照らして監査してください。問題を達成基準ごとに分類し、ユーザーへの影響を説明し、実用的な修正を推奨してください。
クロスプラットフォームアクセシビリティ計画 
この製品領域について、Web、iOS、Android にわたるアクセシビリティ実装計画を作成してください。ARIA パターン、キーボード動作、VoiceOver、TalkBack、テキスト拡大、テストカバレッジを含めてください。

ベストプラクティス

  • ARIA を追加する前に、まずセマンティック HTML またはネイティブプラットフォームのコントロールを使用します。
  • すべてのインタラクティブなフローを、キーボード、スクリーンリーダー、ズーム、動きの低減設定でテストします。
  • チームが正しいパターンを再利用できるように、コンポーネント例にアクセシビリティ上の判断を記録します。

回避

  • フォーカスインジケーターを隠したり、ポインター操作のみに依存したりしないでください。
  • ネイティブ要素がすでに提供している動作を再現するために ARIA を使用しないでください。
  • 自動スキャンを完全なアクセシビリティ監査として扱わないでください。

よくある質問

このスキルは WCAG 2.2 に対応していますか?
はい。WCAG 2.2 のガイダンス、達成基準の例、Level AA の実装チェックを含みます。
製品を法的に適合させることはできますか?
いいえ。実装とレビューを支援しますが、法的適合性には専門家の判断と実ユーザーによる検証が必要です。
モバイルアクセシビリティも扱いますか?
はい。iOS VoiceOver、Android TalkBack、タッチターゲット、ジェスチャー、テキスト拡大に関するガイダンスを含みます。
自動アクセシビリティツールの代わりになりますか?
いいえ。axe、WAVE、Lighthouse などのツールや、手動の支援技術テストと併用してください。
どのコンポーネントパターンが含まれていますか?
ボタン、フォーム、ダイアログ、アコーディオン、タブ、メニュー、コンボボックス、ツールバー、ライブリージョンを扱います。
このスキルを使用できる AI ツールはどれですか?
レポートには、Claude、Codex、Claude Code のサポートが記載されています。

開発者情報

作成者

wshobson

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/accessibility-compliance/

参照

36e07d5e13068e5be64447e8f20b427cf2cbd21a

メンテナンスの新しさ

2026/7/18

利用状況

7 ダウンロード · 143 閲覧

ファイル構成

📁 references/

📄 aria-patterns.md

📄 mobile-accessibility.md

📄 wcag-guidelines.md

📄 SKILL.md

wshobson のその他のスキル

すべて表示

関連スキル

すべて表示