| カテゴリ | 項目 | 確認方法 | チェック |
|---|---|---|---|
| テキスト | フォントが合ってるか、検証ツールのComputedから確認したか？ | 検証ツール目視 | OK |
| テキスト | フォントサイズは合ってるか | 検証ツール目視 | OK |
| テキスト | スマホ・タブレットでフォントサイズが12pxを下回っていないか | 検証ツール目視 | OK |
| テキスト | フォントの太さは合っているか | 検証ツール目視 | OK |
| テキスト | テキストは入力ミスがないか（ボタンの文言なども） | 検証ツール目視 | OK |
| テキスト | 行間（line-height）は合ってるか | 検証ツール目視 | OK |
| テキスト | 色は合ってるか | 検証ツール目視 | OK |
| レイアウト | インナー幅は合ってるか | 検証ツール目視 | OK |
| 画像 | 画像が正しく表示されてるか（404や潰れがないか） | 検証ツール目視 | OK |
| 画像 | 画像のリサイズや圧縮されてるか（1MB以上は基本NG） | 目視 | OK |
| レイアウト | 横スクロールしないか | 検証ツール目視 | OK |
| レイアウト | 余白幅は適切か（padding・margin） | 検証ツール目視 | OK |
| レスポンシブ | レスポンシブで崩れがないか(全画面幅) | 検証ツール目視 | OK |
| レスポンシブ | iPhoneSE~12Pro~XR（375px~395px~414px） | 検証ツール目視 | OK |
| レスポンシブ | iPad縦（768.820px） | 検証ツール目視 | OK |
| レスポンシブ | PC通常（1280px） | 検証ツール目視 | OK |
| レスポンシブ | PC大画面（1600px） | 検証ツール目視 | OK |
| レスポンシブ | 2000pxでも背景画像が途切れないか | 検証ツール目視 | OK |
| Windows(PC) | Mac OS(ipad) | Mac OS(iphone7) | |
|---|---|---|---|
| Chrome | OK | OK | OK |
| Firefox | OK | ー | ー |
| Edge | OK | ー | ー |
| Safari | ー | OK | OK |
| カテゴリ | 項目 | 確認方法 | チェック |
|---|---|---|---|
| その他 | JavaScriptの挙動に問題はないか(ドロワー、アコーディオン) | 手動・目視確認 | OK |
| その他 | コンソールエラーは出ていないか | 検証ツール目視 | OK |
| その他 | リンクは仕様通りに貼られているか | 検証ツール目視 | OK |
| その他 | リンクのクリック領域は文字列だけでなく | ||
| ボタン等全体になっているか | 検証ツール目視 | OK | |
| その他 | font-familyは正しく指定されているか | WhatFont(Chrome拡張) | OK |
| その他 | HTMLチェック結果に問題ないか | HTML Checker | |
| https://html5.validator.nu/ | OK | ||
| その他 | CSSチェック結果に問題ないか | CSS Validation Check | |
| https://jigsaw.w3.org/css-validator/ | OK |
| その他 | 画像2倍書き出し ＋ 画像圧縮が出来ているか | 目視 | OK | | その他 | 見出し等の確認結果に問題ないか | SEO META in 1 CLICK(Chrome拡張) | OK | | その他 | エディターでエラーが発生していないか | 目視 | OK | | その他 | 使っていないクラスやCSS,JSファイルが残っていないか | 目視 | OK | | その他 | metaタグを付加したか | Meta Tags https://metatags.io/ | OK | | その他 | metaタグを確認したか | OGP確認 https://rakko.tools/tools/9/ | OK | | その他 | ファビコンを設定したか | Faviconジェネレータ https://favicon-generator.mintsu-dev.com/ | OK | | その他 | パンくずは正しく表示されているか | 目視 | OK |
【HTML Checker結果】
【CSS Validation Check結果】
