Deployment Checklist

1. 見やすさ・情報伝達

0% （0 / 8 完了）

コントラスト比の基準（WCAG AA基準）を満たしているかリンクは本文と明確に区別されたデザインになっているか外部リンク／別タブをアイコン等で示しているか状態（エラー・成功）を色だけに依存していないか背景画像・透過上のテキストが読みにくくなっていないか最小フォントサイズが12px以上か行間の確保：推奨はline-height 1.5 ~ 2.0 両端揃えを使っていない

2. インタラクション・操作性

0% （0 / 12 完了）

全機能をキーボードのみで操作可能か Tabキーでのフォーカス順が画面の見た目と一致しているかフォーカスリングが見やすいか hoverだけでなく、active、focus時もアニメーションが実装されているか hover/activeのアニメーションに一貫性があるか十分なクリック/タップ領域の確保：44px × 44px以上を推奨、最低でも32px × 32px程度を確保タップエリア間が最低16px以上離れているか重要操作（送信、削除など）には確認ダイアログを設置しているかフォームにて、入力条件はプレイスホルダーではなく、常に視認できる位置にあるかフォームで必須項目は明確に表示されているかフォームでエラー後も入力値を保持しているかフォームで日付や住所などはセレクトボックスなどの選択式UIを用いているか

3. コーディング関係

0% （0 / 7 完了）

見出し構造（h1, h2, h3等）が論理的になっているかセマンティックなHTMLタグを正しく使っているか HTMLの文法エラーがないか alt属性を適切に設定しているか（意味のある画像か、装飾目的か） imgタグにwidth, heightを指定しCLSを防止しているかどの画面幅でも表示崩れがないかマルチブラウザ（iOS Safari / Android Chrome / Chrome / Firefox / Edge）で表示崩れがないか

4. 表示速度関係

0% （0 / 6 完了）

読み込みフォントは必要最低限のウェイトに絞っているか画像サイズの圧縮をしているか FV以外の画像にはloading=lazy, decoding=asyncを指定しているか FV内の画像にはfetchprioruty=highを指定しているか Google Fonts を利用する場合、preconnect を指定しているか表示速度の検証を行なったか（Lighthouse / Pagepeed Insights等で）

Deployment Checklist

1. 見やすさ・情報伝達

2. インタラクション・操作性

3. コーディング関係

4. 表示速度関係

Web制作デプロイ前のチェックリスト