テスト・セキュリティのスキル

Cookieへの同意前に解析・広告タグが動いていないかを点検します。拒否や同意撤回後の挙動、設定変更の導線まで確認し、実装の修正を支援します。

• 同意前の追跡タグを点検したいとき
• Cookieの拒否・撤回時の挙動確認
• バナーを閉じた後の設定変更導線の確認

SharedArrayBufferなどに必要なクロスオリジン分離を点検。セキュリティヘッダーと外部リソースの互換性を調べ、ブラウザーでの成立を確認するスキル。

• SharedArrayBufferの利用要件確認
• COEP導入前の外部リソース調査
• ポップアップや埋め込みへの影響確認

動画の動作・表情・画面内テキストなど、音声だけでは伝わらない情報を点検し、視覚障害のある利用者に向けた音声解説の追加方法や実装の確認点を整理するスキル。

• 商品デモで音声から伝わらない情報の確認
• 動作や画面内テキストの音声解説の検討
• 動画解説のHTMLと操作を点検したいとき

ページを開いた際の音声・動画の自動再生を点検し、再生設定の解除や消音、キーボードで使える一時停止操作を整えて、利用者が再生を制御できるようにするスキル。

• 読み込み時の音声・動画再生の点検
• 動画の消音と一時停止操作の追加
• 再生操作のキーボード対応の確認

フォームへの自動フォーカスを点検し、読み込み直後に説明文を飛ばして入力欄へ移る動作を見直します。利用者の操作を起点にフォーカスを移す修正も提案します。

• 説明文のあるフォームの点検
• 読み込み時の意図しないスクロール調査
• 利用者の操作後にフォーカスを移したいとき

非推奨のARIAロールやHTMLで使うべきでない抽象ロールを探し、推奨されるロールや標準のHTML要素への置き換えを検討するレビュー用スキルです。

• 既存コードの非推奨ロール検出
• 標準HTMLへの置き換え検討
• 共通UI部品のロール指定の点検

タブやメニューなどの独自UIで、ARIAの親ロールに必要な子ロールがあるかを点検し、読み上げソフトが項目を認識できるよう構造の修正を支援します。

• 独自タブやメニューの構造点検
• 読み上げで項目が認識されないとき
• divやspan製のリスト・選択欄の確認

画面の状態やラベルを支援技術へ伝えるARIA属性の値を点検し、真偽値の誤記や参照先IDの不備を見つけ、仕様に沿った修正と確認方法を示すスキル。

• 操作部品のARIA属性を点検したいとき
• ARIA属性の参照先IDを確認したいとき
• 公開前にアクセシビリティ修正を確認

フォームの入力欄に読み上げ用の名前があるかを点検し、ラベルの紐付けやARIA属性の修正を通じて、画面読み上げ・音声操作で用途が伝わる入力欄に整えるスキル。

• フォームのラベル漏れを探したいとき
• 入力例だけに頼る入力欄の修正
• 独自フォーム部品の名前の確認

HTMLに含まれるARIA属性の誤字や存在しない属性名を調べ、仕様に沿った名前への修正を支援します。支援技術に役割や状態が伝わるか、確認方法も案内します。

• HTMLのARIA属性の誤字点検
• 読み上げに状態が反映されない原因調査
• 共通部品のアクセシビリティ属性の確認

ページ内リンクのスクロールを点検し、動きを減らす設定に応じた即時移動と、キーボード操作時のフォーカス移動を確認して、修正方法を示します。

• ページ内ナビゲーションの点検
• 動きを減らす設定でのスクロール確認
• アンカー移動後のフォーカスを直したいとき

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

• ARIAの誤記や未定義値を探したいとき
• 独自部品を標準HTMLへ置き換え
• 共通UI部品のアクセシビリティ確認

画面や共通部品のアクセシビリティを自動テストで確認し、テスト不足の指摘やCIへの組み込みを通じて、構造・属性の問題と変更による不具合を見つけるスキル。

• 共通部品の検査範囲の見直し
• 画面操作テストへの検査追加
• CIでのアクセシビリティ検査

ページ内のaccesskey属性の重複を調べ、キーボード操作の競合を見つけます。値の割り当て直しや不要な指定の削除を提案し、修正後の確認方法まで整理します。

• キーボードショートカットの重複確認
• 操作要素へのキーボード移動のレビュー
• ショートカット修正後の操作確認

ボタンやリンクなどに、操作内容や移動先が伝わる名前が付いているかを点検します。表示テキストやaria-labelの不足を指摘し、具体的な修正案を示します。

• 名前のないボタンやリンクの検出
• 曖昧なラベルの見直し
• 共通部品の操作名のレビュー

ボタンやリンクの操作目的が読み上げで伝わるかを点検し、ARIAの役割を持つ要素のラベル不足を特定して、修正方法とブラウザでの確認手順を示します。

• ボタンやリンクのラベルを点検したいとき
• デザインシステムのアクセシビリティ点検
• ラベル修正後の読み上げ確認

JavaScriptで文字列をコードとして実行する処理を探し、安全な代替方法を提案するスキル。eval()や文字列指定のタイマーを点検し、用途に応じた置き換えを支援します。

• eval()などの文字列実行を探したいとき
• JSON解析のeval()を置き換え
• 文字列指定のタイマーを関数参照に変更

フォームのエラーや完了通知、リアルタイム更新が読み上げでも伝わるよう、実際に表示されるHTMLの属性、表示時間、閉じる操作を点検するスキル。

• フォームエラーの読み上げ確認
• 完了通知の表示時間を見直したいとき
• リアルタイム通知の点検

進捗バーに何の処理を示すか分かる名前があるかを点検し、ラベルや値の属性を整えて、スクリーンリーダーでも進行状況の意味を把握できるようにするスキル。

• 進捗バーの読み上げ用の名前の点検
• 読み込み表示への処理名の追加
• 進捗の現在値と範囲の確認

広告ブロッカーで止まるリンクや外部リソースをHTMLとJavaScriptから点検し、遷移の不具合や読み込み失敗に対する修正案を示すスキル。

• 広告ブロッカー使用時のリンク不具合調査
• 外部スクリプトや画像の読み込み確認
• 追跡用リダイレクトの見直し

ページ全体がスクリーンリーダーから隠れる原因となるbodyのaria-hiddenを点検し、モーダル表示時などの誤設定を特定して修正を支援するスキル。

• モーダル表示時の読み上げを確認したいとき
• ページが読み上げられない原因の調査
• 状態変化に伴うbody属性の点検

画面のHTMLを確認し、role="text"の内側にあるリンクやボタンを検出。読み上げで操作要素が隠れる問題の修正と、キーボード操作の確認を支援します。

• テキスト内のリンクやボタンの点検
• 読み上げで操作要素が消える原因調査
• デザインシステムのアクセシビリティ確認

ログインから多要素認証、アカウント復旧までを点検し、貼り付け禁止や認証コードの手入力など、利用者を妨げる認証の問題を見つけて改善を支援するスキル。

• ログイン全体のアクセシビリティ点検
• 認証コードの貼り付けと自動入力の確認
• パスワード再設定と復旧手順の点検

実際のコードベースで、CodeGraphの有無によるエージェントの調査を比較します。バージョンや対象言語を選び、費用・ツール使用回数・回答の正しさから効果を検証します。

• ローカル開発版を評価したいとき
• 公開済みバージョンを監査したいとき
• 調査費用とファイル参照回数の比較