ポートフォリオビジュアルQA
コードのみのレビューではなく、ビジュアル検証を実行します。
セットアップ
リファレンス、ルート、UI状態、ビューポートサイズ、およびタスクが実装を許可するかどうかを確認します。確立されたコマンドでサイトを起動し、要求されたサイズでレンダリング出力を検査します。リクエストで指定されていない場合は、モバイルサイズを1つ含めてください。
比較
階層構造、タイポグラフィとワードラップ、スペーシングとジオメトリ、色とコントラスト、アセットの忠実度、レスポンシブなクロップ/オーバーフロー、インタラクティブ状態を評価します。モーションやナビゲーションが関わる場合は、キーボード操作の到達可能性とモーション削減動作を確認します。
報告
まずエビデンスと制限事項を述べます。発見事項を優先度ごとにグループ化します:
P1: 意図された階層構造、アクセス、またはコアタスクを妨げるもの。P2: 重大なビジュアルまたはレスポンシブの不一致。P3: 後回しにできる微調整。
各発見事項について、影響を受けるルート/状態、観察された動作、考えられる原因、および最も信頼性の高い最小限の修正を明記します。影響を受けるビューポートで修正を再テストしてください。ブラウザキャプチャまたは対象リファレンスが利用できなかった場合、ビジュアルチェックが合格したと主張しないでください。