フォームへの貼り付けを妨げるコードを見つけて修正し、パスワード管理ツールの利用や長い文字列の入力を支えるアクセシビリティを確認するスキル。
- パスワードを貼り付けられない原因調査
- カード入力欄の貼り付け制限の確認
- フォームのアクセシビリティ改善
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Webサイトの全ページからプライバシーポリシーへアクセスできるかを点検し、フッターのリンクや、収集データ・保存期間・共有先などの記載を確認するスキル。
- 全ページのポリシーリンクを確認したいとき
- 共通フッターにポリシーリンクを追加したいとき
- 保存期間やデータ共有の記載を点検したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
アカウント設定やAPIのデータ削除経路を点検し、ブラウザ内の保存データ消去からサーバーへの削除依頼、利用者への受付確認までの実装漏れを確認するスキル。
- アカウント削除の導線を点検したいとき
- ブラウザ内のデータ消去確認
- サーバーへの削除依頼を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
パスワード入力欄の安全性と使いやすさを点検し、自動入力の設定、表示切り替え、強度表示、パスワード管理ツールとの連携を確認・改善するスキルです。
- ログイン・会員登録フォームの点検
- パスワード管理ツールとの連携確認
- 操作しやすい表示切り替えへの改善
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
スマートフォンやタブレットの縦向き・横向きで、本文や操作部品が使えるか点検します。不要な向きの固定や回転を促す表示を見つけ、レイアウトの修正を案内します。
- スマホやタブレットの縦横表示確認
- 端末回転後のフォームの点検
- ダッシュボードやメディア画面の点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
動きを減らす端末設定にサイトが対応しているかを確認し、アニメーションや点滅、スクロール演出の代替表示、一時停止操作、事前の警告を点検するスキル。
- 動きを減らす設定への対応確認
- 点滅の頻度を点検したいとき
- スクロール演出の代替表示を検討
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
背景と前景が異なる速さで動くパララックス演出を点検し、動きを減らす設定への対応と、演出なしでも必要な情報が伝わる静的な表示への修正を支援します。
- Webサイトのパララックス演出の点検
- 動きを減らす設定への対応確認
- 動くコンテンツの静的な表示を用意
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
配信ファイルの容量や表示速度に基準値を設け、変更による性能低下をCIで検出します。容量と実行時の性能を分けて点検し、基準超過時のチェック失敗や公開後の監視を整えます。
- CIの性能基準を点検したいとき
- 依存ライブラリや素材追加時のレビュー
- 容量と表示性能の基準を設けたいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
HTTPSページに紛れたHTTPの画像やスクリプトを調べ、混在コンテンツを修正します。URLの置き換えとセキュリティヘッダーの設定を確認するスキルです。
- HTTPSページの混在コンテンツ点検
- HTTPS移行後のリソースURL確認
- 古い記事に残るHTTP参照の修正
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
HTMLやJSXで新しいタブを開くリンクを点検し、rel属性の不足を修正します。元のタブへの不正な操作を防ぐ仕組みや、参照元情報の扱いも説明します。
- 新しいタブで開くリンクの点検
- JSXのrel属性漏れを修正したいとき
- noopenerとnoreferrerの理解
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページのHTMLやJavaScript、Git履歴にAPIキーやパスワードが露出していないか点検し、漏えいした認証情報の更新と再発防止の対応を整理します。
- ブラウザー側のAPIキー露出点検
- Gitに記録された認証情報の調査
- 秘密情報を使う処理のサーバー移行
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
HTMLの箇条書きや番号付きリストの親子構造を点検し、不適切な要素や入れ子を修正して、スクリーンリーダーが項目数や現在位置を正しく伝えられるようにするスキル。
- HTMLのリスト構造を点検したいとき
- 入れ子のリストを修正したいとき
- 読み上げ時の案内を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。
- HTMLの自動転送を探したいとき
- サーバー側の転送に置き換えたいとき
- 読み上げ利用時のページ移動の点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ブラウザに表示されるHTMLを基準に、内部・外部リンクやページ内リンクの不備を点検します。404や意図しない転送を見つけ、修正と継続的な監視の導入を支援します。
- ドキュメントやECサイトのリンク点検
- 共通部品が出力するリンクのレビュー
- CI/CDへのリンク自動チェック導入
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページの主要コンテンツを示すmain領域が一つだけあるかを確認し、重複や欠落を指摘して、スクリーンリーダー利用時の移動先を明確にするスキル。
- ページひな型のmain領域を確認
- 組み合わせたレイアウトのmain重複を修正
- スクリーンリーダーで本文への移動を確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
本文中のリンクが色だけに頼らず見分けられるかを点検します。下線、文字色のコントラスト、ホバーやフォーカス時の表示を確認し、CSSの修正案を示します。
- 本文リンクの下線を外す際の確認
- リンクと本文のコントラスト確認
- ホバーやフォーカス表示の点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。
- ボタンの表示文字と名前を照合したいとき
- 音声操作しにくいリンクの点検
- アクセシビリティツールで修正を確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
フォームの入力欄とラベルの対応を点検し、プレースホルダーだけの項目や選択肢グループの見出し不足を見つけて、読み上げや操作に配慮した修正を支援します。
- 申し込みフォームのラベル点検
- プレースホルダーだけの項目を直したいとき
- チェックボックスやラジオボタンの群を点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
フォームの入力欄に複数のラベルが結び付いていないかを点検し、読み上げの重複や混乱を防ぐため、ラベルの統合とaria-labelledbyの使い分けを示すスキル。
- 入力欄の重複ラベルを探したいとき
- 複数の文章を入力欄の名前に使いたいとき
- 読み上げによるフォームラベルの確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ログインせずに開ける公開フォームのボット対策を点検し、CAPTCHAの導入、サーバー側のトークン検証、送信回数制限の追加を支援します。
- 問い合わせフォームの迷惑送信対策
- 会員登録やログインのボット対策
- CAPTCHAのサーバー側検証の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ページの言語を示すlangとxml:langの不一致を点検します。XHTMLと通常のHTML5の違いを踏まえ、読み上げやXML処理で使われる言語指定の修正を支援します。
- XHTMLの言語属性を点検したいとき
- HTML5の不要なxml:langの整理
- 読み上げの発音がおかしいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
HTMLフォームやJavaScriptの送信先を点検し、HTTP通信による情報漏えいを防ぐために、送信先URLとページのHTTPS設定を見直すスキル。
- ログインフォームの送信先を確認したいとき
- fetchやXHRの接続先を点検したいとき
- action省略フォームの確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
サイト全体が有効な証明書でHTTPS配信されているかを点検し、HTTPからの転送や内部リンク、読み込む素材のURLを含めた設定の修正を支援します。
- サイト全体のHTTPS対応の点検
- 証明書の期限と対応ホスト名の確認
- HTTPからHTTPSへの恒久転送の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
画像の代替テキストに含まれる「画像」「写真」などの冗長な表現や周辺文章との重複を点検し、スクリーンリーダーで意味が伝わる簡潔な説明へ修正するスキル。
- 画像の代替テキストを点検したいとき
- キャプションとの重複を減らしたいとき
- 修正後の読み上げを確認したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新