スキル frontend-accessibility
📦

frontend-accessibility

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド📁 ファイルシステムへのアクセス

フロントエンドアクセシビリティの向上

フロントエンドチームは、キーボード、セマンティック、スクリーンリーダーの要件を見落とすことがあります。このスキルは、AIエージェントがアクセシブルなUIコンポーネントを構築できるように導きます。

対応: Claude Codex Code(CC)
🥉 78 ブロンズ

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

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

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

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

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

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

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

テストする

「frontend-accessibility」を使用しています。 プレースホルダーのみのラベルとインラインのバリデーションメッセージを持つReactフォーム。

期待される結果:

レビューでは、欠落しているラベル、不明確なエラー通知、弱いフォーカス状態を特定し、アクセシブルなバリデーションテキストを伴う明示的なラベルを推奨します。

「frontend-accessibility」を使用しています。 クリックで開き、複数のアクションを含むカスタムメニューコンポーネント。

期待される結果:

回答では、必要なキーボード動作、フォーカス移動、アクセシブルな名前、ネイティブ要素では不十分な場合のみ使用するARIAロールについて説明します。

「frontend-accessibility」を使用しています。 見出しレベルが飛んでおり、ランドマークが不明確なページレイアウト。

期待される結果:

監査では、論理的な見出し順序、ランドマークの改善、スクリーンリーダーユーザーにとってより明確なナビゲーション構造を提案します。

セキュリティ監査

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

The inline-code backticks on line 12 are a false positive because they only mark file extensions. The relative path on line 29 is confirmed because it points outside the skill directory. No prompt injection or data exfiltration intent was found.

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

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

高
SKILL.md:29
Path traversal sequence
[frontend accessibility](../../../agent-os/standards/frontend/accessibility.md)
Line 29 points to ../../../agent-os/standards/frontend/accessibility.md, a path outside the skill directory. This creates a path traversal and packaging-boundary risk.

リスク要因

⚙️ 外部コマンド (1)
SKILL.md:12
📁 ファイルシステムへのアクセス (1)
SKILL.md:29
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

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

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

レポートリンクをコピー

https://skillstore.io/skills/devanb-frontend-accessibility/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

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

DevanB. (2026). frontend-accessibility security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/devanb-frontend-accessibility/audits/10

BibTeX形式の引用

@techreport{devanb-devanb-frontend-accessibility-2026, author = {DevanB}, title = {frontend-accessibility security audit report (audit version 10)}, institution = {Skillstore}, year = {2026}, number = {10}, url = {https://skillstore.io/skills/devanb-frontend-accessibility/audits/10}, 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: "frontend-accessibility security audit report (audit version 10)" version: "unspecified" type: report authors: - name: "DevanB" date-released: "2026-07-09" url: "https://skillstore.io/skills/devanb-frontend-accessibility/audits/10" identifiers: - type: other value: "skillstore:devanb-frontend-accessibility:audit:10" description: "Skillstore immutable audit report identifier"

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore スコアが最高
EIS-ITS 推奨

eis-its-frontend-accessibility

Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 61
更新済み

2026-09-09

DevanB 現在

devanb-frontend-accessibility

Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 26
更新済み

2026-09-09

Skillstore スコア

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

作成できるもの

Reactコンポーネントのレビュー

リリース前に、コンポーネントのマークアップ、ラベル、フォーカス状態、ARIAの使用におけるアクセシビリティのギャップを見つけます。

アクセシブルなフォームの構築

明確なラベル、バリデーションメッセージ、キーボード対応、スクリーンリーダーに配慮した構造を備えたフォームを作成します。

インタラクティブUIの監査

ダイアログ、メニュー、ボタン、動的コンテンツについて、フォーカス制御とキーボード動作を評価します。

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

コンポーネントを確認する 
このコンポーネントのアクセシビリティ上の問題をレビューしてください。セマンティックHTML、ラベル、キーボード対応、コントラスト、スクリーンリーダーでの動作に注目してください。
フォームを改善する 
このフォームのアクセシビリティを改善してください。すべての入力にラベルがあり、バリデーションが通知され、キーボードユーザーがフローを完了できるようにしてください。
モーダルフローを修正する 
このモーダルまたはダイアログフローを監査してください。フォーカストラップ、初期フォーカス、エスケープ動作、フォーカスの復帰、通知、キーボード操作を確認してください。
機能をエンドツーエンドでレビューする 
このフロントエンドワークフローについて、WCAGアクセシビリティ上のリスクをレビューしてください。セマンティクス、フォーカス、コントラスト、見出し、ARIA、支援技術対応に関する修正を優先順位付きで提示してください。

ベストプラクティス

  • ARIAロールやカスタムのインタラクションモデルを追加する前に、ネイティブHTMLコントロールを優先してください。
  • 重要なフローは、キーボードのみのナビゲーションと少なくとも1つのスクリーンリーダーでテストしてください。
  • テキスト、コントロール、フォーカスインジケーター、無効状態、エラー状態のコントラストを検証してください。

回避

  • ボタンまたはリンクが適切なコントロールである場合に、クリック可能なdiv要素を使用しないでください。
  • フォーカスインジケーターを非表示にしたり、ポインター操作のみに依存したりしないでください。
  • 対応する動作やアクセシブルな名前なしにARIA属性を追加しないでください。

よくある質問

このスキルは自動アクセシビリティテストを実行しますか？
いいえ。自動テストを補完できる実装およびレビューのガイダンスを提供します。
WCAG要件に役立ちますか？
はい。コントラスト、セマンティクス、キーボードアクセス、フォーカスの視認性など、一般的なWCAGの懸念事項の確認を促します。
Reactプロジェクトをサポートしていますか？
はい。このガイダンスはTSXおよびJSXファイル内のReactコンポーネント向けに設計されています。
フォームをレビューできますか？
はい。ラベル、入力関係、バリデーションメッセージ、キーボードユーザーによる完了に重点を置いています。
スクリーンリーダーテストの代替になりますか？
いいえ。重要なフローや支援技術での動作については、手動テストが引き続き必要です。
ファイルパスに関する監査警告が表示されるのはなぜですか？
このスキルが自身のディレクトリ外にあるファイルを参照しているため、作者はそのガイダンスをインライン化するか、安全にパッケージ化する必要があります。

開発者情報

作成者

DevanB

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

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

リポジトリ

https://github.com/DevanB/lucidlog/tree/master/.claude/skills/frontend-accessibility

参照

0519034dad657fb1f7706e0550e962beeda73fdf

メンテナンスの新しさ

2026/7/24

利用状況

6 ダウンロード · 155 閲覧

ファイル構成

📄 SKILL.md

DevanB のその他のスキル

すべて表示

関連スキル

すべて表示