僕は僕でだれかじゃない

ビジネスとテクノロジーと健康についてあれこれ

MENU

【保存版】Web制作時におけるQAマニュアル(チェックリスト)

id:sitkです。

このドキュメントは、2006年に初版で書いたので、10年近く経ちます。
多様化してきたWeb制作ですが、チェックするポイントは変わりません。
今後の品質管理のチェック項目として役立てていただければと幸いです。

はじめに

自分に関連する検証作業を行いつつ、関連する作業との連絡を取り、その結果を常に把握する。
QA結果(提出レポートと途中のデバグノウハウ)を蓄積して、何時でも参照できるようにして品質向上に努める。

ビジュアル・チェック

コーポレイト・ブランド・チェック

  • CI/VIマニュアル整合性確認

プロダクト・ブランド・チェック

プラン・チェック

  • 企画意図遵守確認
  • コミュニケ-ション・プライオリティ遵守確認
  • ミッション遵守確認
  • 不備確認

アート・チェック

  • コーディング特性/メディア特性による変更点確認
  • 企画意図の表現整合性確認

その他

  • 提出レポート作成

コーディング・チェック

診断

ブラウザ表示目視チェック

  • 対象ブラウザ表示
  • 対象ブラウザ操作
  • 対象外ブラウザ表示
  • 対象外ブラウザ操作

動作確認

コーディング・チェック

  • 重複行の有無
  • マークアップ(主に属性/属性値)の抜け
  • 社内コーディング・ルールとの整合性
  • 当該コーディング・ルールとの整合性
  • メンテナンスビリティ評価
  • システム連携部確認
  • ディレクトリ名/ファイル名の整合性チェック
  • ファイルの不備チェック
  • ファイルのディレクトリ配置チェック

アクセシビリティ・チェック

  • 属性値チェック(alt, title, etc.)
  • 対象ブラウザ動作
    • アクセス・キー動作
    • タブ・キー動作 *テキスト・ブラウザ・チェック
    • 表示
    • 操作
  • 音声ブラウザ・チェック
    • 表示(聞こえ方)
    • 操作
    • CSS-OFF設定時対象ブラウザ・チェック
    • 対象外(旧式)ブラウザ・チェック
    • ターゲット・ブラウザ名/バージョン
    • Javascript-OFF設定時対象ブラウザ・チェック
    • Plugin未インストール状態対象ブラウザ・チェック

その他

  • 提出レポート作成

コピーライト・チェック

文字校正

  • ページ単位のブラウザ目視チェック
  • ブラウザ表示のページ単位印刷出力読み合わせチェック
  • コーディングファイル単位の印刷出力読み合わせチェック

コピーライト表現チェック

  • 法規制チェック
  • オリジナリティ・チェック

その他

  • 提出レポート作成

テスト

  • エラー強制動作確認
  • インターフェイス・チェック(フォーム部)
  • システム連携部動作確認
  • ナビゲーション・チェック(基本遷移確認)
  • 提出レポート作成

ディレクター・チェック

コーポレイト・ブランド・チェック

  • CI/VIマニュアル整合性確認

プロダクト・ブランド・チェック

プラン・チェック

  • 企画意図遵守確認
  • コミュニケ-ション・プライオリティ遵守確認
  • ミッション遵守確認
  • 不備確認

アート・チェック

  • コーディング特性/メディア特性による変更点確認
  • 企画意図の表現整合性確認

ブラウザ表示目視チェック

  • 対象ブラウザ表示

動作確認

文字校正

  • ページ単位のブラウザ目視チェック

コピーライト表現チェック

  • 法規制チェック

その他

  • インターフェイス・チェック(フォーム部)
  • ナビゲーション・チェック(基本遷移確認)
  • 提出レポートの確認/不備箇所修正

以上。