本文へスキップ

メキメキ

デザインの練習ツール

LPを見る

品質検査結果

下は加工していない検査の出力そのものです。Chromium で実際にページを描画し、computed style と実測値から判定しています(CSSの指定値ではありません)。SP 390px と PC 1280px の両方で測っています。

品質検査結果 — mekimeki
検査日時: 2026-09-05 13:41 +0900
検査対象: dist/static/index.html
測った幅: SP 390×844 / PC 1280×900
測り方: Chromium で実際に描画し、computed style と実測値から判定(指定値ではない)


====================================================================
  品質ゲート判定 — mekimeki(service)
====================================================================

✓ G1 構造   4/4 通過
    ・種別 service の骨格
    ・出口(cta/form)2個
    ・面と余白に変化がある(均等に並べていない)
    ・ページ外への出リンク 2本(12本以下。純広告LPの実測は5〜11本)

✓ G2 コピー   6/6 通過
    ・禁止語なし
    ・FV主コピー 11字(11〜28字)
    ・CTA文言が目的を言っている
    ・本文中の数字 78個(5個以上)
    ・キリ番でない数字 73個(1個以上。端数は実在感の根拠)
    ・長すぎる文 0件(60字超)

✓ G3 デザイン   51/51 通過
    ・コントラスト実測 9組すべて基準以上
    ・CSSに禁止事項なし
    ・レンダラが出す 83クラスすべてにCSSの規則がある
    ・グラデーションなし
    ・均等3カラムの器なし
    ・和文に欧文Webフォントを当てていない
    ・中央揃えの割合 1%(35%以下)
    ・フォーカスリングを消していない(消えている要素 0個)
    ・FV主コピーの行末に取り残しなし(1行組・最終行11字。2字以下は取り残し)
    ・描画後のコントラスト実測 92要素すべて基準以上
    ・操作部品の境界 4件すべて3:1以上(WCAG 1.4.11)
    ・文字間隔0.12emを当てても横スクロールが出ない(WCAG 1.4.12)
    ・文字間隔を広げても内容が隠れない(隠れた要素 1→1)
    ・文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・文字サイズ200%でも内容が隠れない(隠れた要素 1→1)
    ・[PC] グラデーションなし
    ・[PC] 均等3カラムの器なし
    ・和文に欧文Webフォントを当てていない
    ・[PC] 中央揃えの割合 0%(35%以下)
    ・フォーカスリングを消していない(消えている要素 0個)
    ・[PC] FV主コピーの行末に取り残しなし(1行組・最終行11字。2字以下は取り残し)
    ・[PC] 描画後のコントラスト実測 91要素すべて基準以上
    ・[PC] 操作部品の境界 4件すべて3:1以上(WCAG 1.4.11)
    ・[PC] 文字間隔0.12emを当てても横スクロールが出ない(WCAG 1.4.12)
    ・[PC] 文字間隔を広げても内容が隠れない(隠れた要素 1→1)
    ・[PC] 文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・[PC] 文字サイズ200%でも内容が隠れない(隠れた要素 1→1)
    ・[B面] [SP] グラデーションなし
    ・[B面] [SP] 均等3カラムの器なし
    ・和文に欧文Webフォントを当てていない
    ・[B面] [SP] 中央揃えの割合 1%(35%以下)
    ・フォーカスリングを消していない(消えている要素 0個)
    ・[B面] [SP] FV主コピーの行末に取り残しなし(2行組・最終行11字。2字以下は取り残し)
    ・[B面] [SP] 描画後のコントラスト実測 92要素すべて基準以上
    ・[B面] [SP] 操作部品の境界 4件すべて3:1以上(WCAG 1.4.11)
    ・[B面] [SP] 文字間隔0.12emを当てても横スクロールが出ない(WCAG 1.4.12)
    ・[B面] [SP] 文字間隔を広げても内容が隠れない(隠れた要素 1→1)
    ・[B面] [SP] 文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・[B面] [SP] 文字サイズ200%でも内容が隠れない(隠れた要素 1→1)
    ・[B面] [PC] グラデーションなし
    ・[B面] [PC] 均等3カラムの器なし
    ・和文に欧文Webフォントを当てていない
    ・[B面] [PC] 中央揃えの割合 0%(35%以下)
    ・フォーカスリングを消していない(消えている要素 0個)
    ・[B面] [PC] FV主コピーの行末に取り残しなし(2行組・最終行11字。2字以下は取り残し)
    ・[B面] [PC] 描画後のコントラスト実測 91要素すべて基準以上
    ・[B面] [PC] 操作部品の境界 4件すべて3:1以上(WCAG 1.4.11)
    ・[B面] [PC] 文字間隔0.12emを当てても横スクロールが出ない(WCAG 1.4.12)
    ・[B面] [PC] 文字間隔を広げても内容が隠れない(隠れた要素 1→1)
    ・[B面] [PC] 文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・[B面] [PC] 文字サイズ200%でも内容が隠れない(隠れた要素 1→1)

✓ G4 a11y   7/7 通過
    ・見出し階層に飛びなし(21個)
    ・h1 が1個(実際 1個)
    ・全画像に alt 属性(無い 0件)
    ・全画像に width/height(無い 0件)
    ・画像がすべて読み込めた(読めない 0件)
    ・入力欄すべてに名前(無い 0件)
    ・html lang = ja

✓ G5 速度   4/4 通過
    ・LCP 116ms(2500ms以下)
    ・CLS 0.000(0.1以下)
    ・過大な画像 0件(表示幅の2.0倍まで)
    ・総転送量 860KB(1465KB以下)

✓ G6 SEO   5/5 通過
    ・title 28字(15〜60)
    ・description 89字(60〜140)
    ・canonical あり
    ・og:image あり
    ・構造化データ 1件が JSON として妥当

✓ G7 フォーム   4/4 通過
    ・必須項目 2個(5個以下。EFO)
    ・入力欄の文字が16px以上(下回る 0件)
    ・未入力で送信すると止まる
    ・全部埋めれば検証を通る

✓ G8 業種固有   1/1 通過
    ・実績の数字に出典/但し書きがある

✓ G9 文書ページ   30/30 通過
    ・[SP] /design-notes/ 描画後のコントラスト 210要素すべて基準以上
    ・[SP] /design-notes/ 横スクロールが出ない
    ・[SP] /design-notes/ 文字間隔0.12emでも横スクロールが出ない(WCAG 1.4.12)
    ・[SP] /design-notes/ 文字間隔を広げても内容が隠れない(1→1)
    ・[SP] /design-notes/ 文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・[SP] /design-notes/ 文字サイズ200%でも内容が隠れない(1→1)
    ・/design-notes/ 見出し階層に飛びなし(14個)
    ・/design-notes/ h1 が1個(実際 1個)
    ・/design-notes/ のリンクがすべて生きている(切れ 0本)
    ・[PC] /design-notes/ 描画後のコントラスト 211要素すべて基準以上
    ・[PC] /design-notes/ 横スクロールが出ない
    ・[PC] /design-notes/ 文字間隔0.12emでも横スクロールが出ない(WCAG 1.4.12)
    ・[PC] /design-notes/ 文字間隔を広げても内容が隠れない(1→1)
    ・[PC] /design-notes/ 文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・[PC] /design-notes/ 文字サイズ200%でも内容が隠れない(1→1)
    ・[SP] /quality-report/ 描画後のコントラスト 10要素すべて基準以上
    ・[SP] /quality-report/ 横スクロールが出ない
    ・[SP] /quality-report/ 文字間隔0.12emでも横スクロールが出ない(WCAG 1.4.12)
    ・[SP] /quality-report/ 文字間隔を広げても内容が隠れない(1→1)
    ・[SP] /quality-report/ 文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・[SP] /quality-report/ 文字サイズ200%でも内容が隠れない(1→1)
    ・/quality-report/ 見出し階層に飛びなし(1個)
    ・/quality-report/ h1 が1個(実際 1個)
    ・/quality-report/ のリンクがすべて生きている(切れ 0本)
    ・[PC] /quality-report/ 描画後のコントラスト 11要素すべて基準以上
    ・[PC] /quality-report/ 横スクロールが出ない
    ・[PC] /quality-report/ 文字間隔0.12emでも横スクロールが出ない(WCAG 1.4.12)
    ・[PC] /quality-report/ 文字間隔を広げても内容が隠れない(1→1)
    ・[PC] /quality-report/ 文字サイズ200%でも横スクロールが出ない(WCAG 1.4.4)
    ・[PC] /quality-report/ 文字サイズ200%でも内容が隠れない(1→1)

--------------------------------------------------------------------
  判定: 合格   エラー 0件 / 警告 0件
--------------------------------------------------------------------