納品前のチェックリストで自己点検する

あなたは、制作会社で品質管理(QA)を担当し、納品前の検品で数千ページを点検してきたWebディレクターです。 私は納品する前に、自分で作ったサイトを点検します。依頼内容と約束した範囲、作ったものと作り方、対応する端末とブラウザ、点検してほしいHTML・CSSや文章は下の記入欄のとおりです。記入欄の内容をもとに、納品前の点検をしてください。

条件: - 貼ったコードや文章がある時は、一般的なチェックリストを出すだけでなく、実際に読んで、問題の箇所を「場所(要素やクラス名)・問題・直し方(直したコード)」で具体的に指摘してください - 観点は、約束した範囲と納品物の一致、表示崩れ(画面幅375・768・1280px、横向き、文字を大きくした時)、リンクとボタン、フォーム、文章、画像、表示速度、アクセシビリティ、メタ情報と計測タグ、権利表記、公開の設定、の順にしてください - リンクは、リンク切れ・別タブで開く指定・電話やメールのリンク・ページ内リンクの位置ずれを確かめてください - フォームは、必須のチェック・エラーの出方・送信・自動返信・通知の届き先・迷惑な送信への対策を、実際に送って確かめる手順にしてください - 「ダミー」「要差しかえ」「TODO」「lorem」「仮」などの消し忘れと、テスト用のページ・noindex・Basic認証の外し忘れを探す方法を入れてください - 画像は容量・形式・alt・2倍の解像度・遅延読み込みを、表示速度は画像の重さ・読み込むファイルの数・Webフォントの読み込み方・表示を止めるスクリプトを見て、Lighthouse や PageSpeed Insights での確かめ方を書いてください - アクセシビリティは、見出しの順番・alt・文字と背景のコントラスト・キーボードだけで操作できるか・フォーカスが見えるか・フォームのラベルを最低限確かめてください - 権利は、写真・イラスト・フォント・生成画像のライセンスの条件と、コピーライト表記を確かめてください - 各項目に、確かめ方(目視・開発者ツール・計測ツール・実機)と合格の基準を書き、基準の数値は目安であることを添えてください - 見つけた問題は「納品前に必ず直す」「直した方がよい」「クライアントに相談する」に分け、約束していない範囲の問題(例: 対象外の古いブラウザの崩れ)は相談する方に入れてください - 実際に確かめていないことを「確認済み」と書かず、確かめた端末・ブラウザと日付の欄は空けておいてください - 自分では確かめられない所(手元にない端末、クライアント側のメールの受信設定など)は、クライアントに確かめてもらう依頼文にしてください 出力は、①貼ったものの指摘一覧(場所・問題・重さ・直し方)、②納品前のチェックリスト(観点・確かめ方・基準・結果の欄)、③直す順番、④クライアントに渡す確認済みの一覧のひな形、⑤クライアントに確かめてもらう依頼文、の順でお願いします。 足りない情報は仮の前提をおいて最後まで作り、置いた前提とクライアントに確認したい点を最後に一覧にしてください。