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

画像の代替テキストに含まれる「画像」「写真」などの冗長な表現や周辺文章との重複を点検し、スクリーンリーダーで意味が伝わる簡潔な説明へ修正するスキル。

• 画像の代替テキストを点検したいとき
• キャプションとの重複を減らしたいとき
• 修正後の読み上げを確認したいとき

フォームの入力欄に複数のラベルが結び付いていないかを点検し、読み上げの重複や混乱を防ぐため、ラベルの統合とaria-labelledbyの使い分けを示すスキル。

• 入力欄の重複ラベルを探したいとき
• 複数の文章を入力欄の名前に使いたいとき
• 読み上げによるフォームラベルの確認

ログインせずに開ける公開フォームのボット対策を点検し、CAPTCHAの導入、サーバー側のトークン検証、送信回数制限の追加を支援します。

• 問い合わせフォームの迷惑送信対策
• 会員登録やログインのボット対策
• CAPTCHAのサーバー側検証の確認

サイト全体が有効な証明書でHTTPS配信されているかを点検し、HTTPからの転送や内部リンク、読み込む素材のURLを含めた設定の修正を支援します。

• サイト全体のHTTPS対応の点検
• 証明書の期限と対応ホスト名の確認
• HTTPからHTTPSへの恒久転送の確認

フォームの入力欄とラベルの対応を点検し、プレースホルダーだけの項目や選択肢グループの見出し不足を見つけて、読み上げや操作に配慮した修正を支援します。

• 申し込みフォームのラベル点検
• プレースホルダーだけの項目を直したいとき
• チェックボックスやラジオボタンの群を点検

装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。

• 装飾画像の不要な読み上げの点検
• SVGやアイコンの読み上げ確認
• 共通の装飾コンポーネントの点検

ログインや購入など、利用者の一連の操作を確かめるE2Eテストの不足を調べ、追加を支援します。自動テストの構成やCI/CDでの継続実行、失敗時の扱いも確認します。

• ログインや購入のテスト範囲を確認したいとき
• フォーム送信のテストを追加したいとき
• CI/CDのテスト実行と失敗対応の点検

用語と説明を並べるHTMLの定義リストを点検し、要素の入れ子や対応関係の問題を確認。読み上げソフトに情報のまとまりが伝わる構造への修正を支援します。

• 用語集のHTML構造を確認したいとき
• 用語と説明の対応関係の点検
• 読み上げで分かりにくい定義リストの修正

GIF・動画・CSSアニメーションの速い点滅を点検し、光に敏感な利用者への影響を考慮して、点滅の除去や速度変更、代替表現への修正を支援するスキル。

• アニメーションGIFの点滅確認
• 動画やCSSアニメーションの点検
• 点滅をフェードや静止表示に変えたいとき

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

• フォームのID重複を確認したいとき
• 意図しないフォーカス移動の調査
• 共通の操作部品のレビュー

固定ヘッダーやバナーがキーボード操作中の選択先を隠していないか点検します。拡大表示やモバイル画面も確認し、余白やスクロールの修正を支援します。

• 固定ヘッダー周辺のキー操作確認
• バナーやチャット表示中の動作確認
• 拡大時やモバイル画面の重なり確認

画面に表示されたHTMLで、ARIA属性の参照先IDの重複を調べます。ラベルや説明の誤読につながる箇所を特定し、IDと参照の修正、確認方法を案内します。

• 読み上げるラベルの誤りを調べたいとき
• 繰り返し部品のID重複の点検
• デザインシステムのARIA参照確認

文字のないリンクやラベルのないアイコン、リンク切れを点検します。説明文や読み上げ用の名前を補い、移動先が分かるリンクへ修正するスキルです。

• ページ内の空リンクを探したいとき
• アイコンリンクに移動先の説明を追加
• リンク切れを点検・修正したいとき

広告ブロッカーで通知や同意画面が消える原因を調べ、誤検知されやすいHTMLのクラス名やIDを見直して、表示崩れや操作の不具合を改善するスキル。

• 広告ブロッカーで消える通知の調査
• Cookie同意画面の非表示確認
• HTMLのクラス名とIDの点検

Webページの空の見出しや空白だけの見出しを探し、説明文の追加や不要なタグの削除を通じて、スクリーンリーダーでたどれる文書構造を整えるスキル。

• Webページの空見出しを探したいとき
• 装飾目的の見出しを使う部品の点検
• スクリーンリーダーの見出し移動確認

プロジェクトで使う外部パッケージの既知の脆弱性を調べ、更新・修正・置き換えや、継続的に検査するためのCI設定と依存関係の固定を支援するスキル。

• 本番公開前に依存関係を点検したいとき
• パッケージの脆弱性報告に対応したいとき
• CIに依存関係の自動検査を加えたいとき

フォームやAPI、ブラウザ内の保存データを点検し、機能に使われていない個人情報を特定します。不要な収集の削除や匿名化、ログへの混入防止、保存期間の見直しを支援します。

• フォームの個人情報収集を見直したいとき
• 解析やログへの個人情報混入を調べたいとき
• ブラウザ内の保存情報と期間の点検

CSSを無効にしても内容を理解し操作できるか、HTMLの読み順や見出し、フォームのラベルを点検し、見た目に依存した構造の修正を支援するスキル。

• CSS無効時の使いやすさの確認
• 読み順や見出し構造の見直し
• フォームのラベルやエラー表示の点検

異なるサイト間の通信をコードとブラウザの動作から点検し、CORS設定、メッセージの送信元確認、認証後の転送先などの問題を見つけて修正するスキル。

• 認証が必要なAPIのCORS設定の点検
• postMessageの送信元検証
• ログインやSSO後の転送先を確認したいとき

WebサイトのCSP設定とHTMLの挿入処理を点検し、読み込めるリソースの制限や安全な表示処理を整え、本番に近い環境でブラウザの挙動まで検証するスキル。

• 既存のCSP設定を点検したいとき
• スクリプトや外部リソースを制限したいとき
• 信頼できないHTMLの表示処理の確認

実際のブラウザでページの読み込みや描画を測定し、遅さの原因となる通信・スクリプト実行・レイアウト処理を特定して、改善点を検討するスキル。

• ページの読み込みが遅い原因の調査
• 端末や回線条件ごとの性能比較
• 開発やCI/CDへの性能監査の導入

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

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

フロントエンドがAPIに期待する応答を契約としてテストにまとめ、Pactでバックエンドとの整合性を検証し、別々に変更・デプロイする際の確認を支援するスキル。

• フロントエンドとAPIの整合性テスト導入
• サービスを個別にデプロイできるか確認
• 遅いE2Eテストの一部を置き換えたいとき

主要ブラウザでの表示や動作を確認し、ブラウザごとの不具合を修正します。パソコン・モバイルのテスト範囲とCIを見直し、継続的な自動検証の抜けを探します。

• 主要ブラウザ間の表示・動作確認
• パソコン・モバイルのテスト範囲確認
• ブラウザの自動検証漏れの点検