公開サンプル
実際のdogfoodスキャンから作った診断レポート例
ui.design dogfood scan をもとに、公開してよい範囲だけを固定サンプル化しています。 実ジョブID、access token、顧客データは含めていません。
総合評価
64 / D
LLMなしの自動検査サンプル
指摘
13件
4つの原因クラスタに整理
SEO所見
0件
title、description、h1を確認
改善タスク
4件
AIへ渡せる作業単位に変換
観点別スコア
2026-06-26時点の自動検査サンプルです。未評価レーンは0点扱いせず、評価済み観点だけを表示します。
アクセシビリティ
49 / E
キーボード操作とコントラストを優先
UX・視覚品質
81 / B
大きな構造破綻は限定的
グロース・CV導線
100 / A
自動検査範囲では重大所見なし
SEO
100 / A
基本メタ情報は検出範囲で良好
PC・スマホの証拠画像と指摘位置
Review Packでは、フルページスクリーンショット上でピンを開き、該当箇所、理由、修正方針、AIに渡すタスクまで確認できます。 無料Scanではまずファーストビューの位置プレビューと主要所見を確認できます。
主要な改善項目
キーボードフォーカスが一部要素に閉じ込められる可能性
モーダルやフォーム周辺のフォーカス管理を見直し、TabとEscで抜けられる経路を確保する。
主要CTAの実描画コントラスト比が不足
文字色だけでなく背景色も合わせて見直し、通常文字4.5:1以上を確保する。
一部の番号・補助テキストが薄く、読み取りづらい
薄いグレー表現を整理し、重要度の低い情報でも最低限の可読性を保つ。
320px幅で横はみ出しの可能性がある
固定幅要素をmax-widthと折り返しで調整し、狭い画面でも横スクロールを出さない。
改善タスクとAI向けファイル
レポートは所見一覧で終わらせず、実装順序、受け入れ条件、汎用AIプロンプトへ分解します。 Codex、Claude Code、Antigravity、Cursorなどに依存しないzip構成で渡せます。
- 01
CTAとフォーム周辺のフォーカス遷移をPlaywrightで再現し、Tab順序を修正する
- 02
主要ボタンの背景色・文字色トークンを見直し、実描画コントラストを再測定する
- 03
補助番号・説明文の淡色テキストを整理し、重要度に応じて色階調を上げる
- 04
320px幅の横スクロール再現ケースを追加し、固定幅要素をレスポンシブ化する
Review Packの構成例
generic_ai_agent.mdtasks.jsonfindings.jsonacceptance_criteria.mdai_implementation_pack.zip