nuwelWeb制作パートナー

検証証跡レポート

検証の記録

何を基準に、何を照合し、何が残ったか。
検証証跡レポートの形式と、実案件で採取した数値をご紹介します。

実測データを読む

デザイン検証証跡

形式の再構成
採取日
照合幅
PC 1440px / SP 375px
記録対象
実案件の一例・名称非公開

01カンプと実装のピクセル差分

組版の照合を説明するサンプルです。実案件の画面ではなく、以下の実測値とは対応していません。
PC / 実測
0.06%
幅 1440px
SP / 実測
1.62%
幅 375px

2026-07-17 採取・実案件の一例。
模式図と実測値に対応関係はありません。

02設計値と実装値の数値照合

2026-07-17 採取・実案件の一例
照合の範囲項目数結果
スタイル照合35不一致 0
レイアウト照合8不一致 0
合計43不一致 0

登録した項目の結果であり、画面全体の完全一致を意味しません。ピクセル差分とは検査対象が異なるため、両方を確認します。

実測値と、表示形式の例を分けて掲載しています。
「実測」と記した数値は 2026-07-17 に実案件から採取した値です。図は説明用に再構成した模式図であり、実案件の画像ではありません。クライアント名・差分画像・生ログは、このサイトでは公開していません。

03アクセシビリティと表示性能

コントラスト・代替テキスト・ランドマークなどの機械監査結果と、描画速度やレイアウトのずれなどの計測結果を記録します。キーボード操作や読みやすさは、人の確認も重ねます。

この欄の実測結果は未掲載です。
参考資料のアクセシビリティ・性能の数値は表示用のデモでした。ここでは合格結果として転記せず、レポートに記録する項目の説明に留めています。

04検収で確認すること

カンプと実装の差分、検査対象、未確認の範囲、人の目視結果を合わせて確認します。不一致が出た場合はそのまま記録し、修正後の再計測で更新します。実案件ではコミットごとにレポートを生成します。

緑を出す機械を、
そのまま信じない。

既知の欠陥をわざと入れて、赤くなるか確かめる。無害な変更なら、緑になるか確かめる。検査の盲点が見つかるたびに、検査そのものを育てています。

停止回数・運用データを読む
既知の欠陥に対する検出力実測

注入した欠陥の検出

15/15

2026-07-17 採取
既知の欠陥を対象にした確認結果です。

未知の欠陥をすべて見つけられるという保証ではありません。要素の意味・順序・有無は、人の目視でも確認します。

納品物に、確かめた記録を。

キットの導入も、証跡つきの Web 制作もご相談ください。

まずは相談する