アプリUI 仕事の進め方
6-5. 品質チェック
ブラウザチェック
単体テストが終わり、不具合の反映がすべて完了した後、網羅的なブラウザチェックを実施します。標準的な対象ブラウザは、PCはWindowsのEdge、Chromeと、MacintoshのSafari、スマートフォンはiOS最新版のSafari、Android最新版とし、後は案件特性に合わせて追加・削除を行います。
ブラウザチェックはディレクターもしくはエンジニアが作る【テストシート】を用いて実施します。納品までは品質を少しでも高めていきますが、多様なブラウザでの完璧な表示に固執するのは時間・コストの面で非現実的なため、ある程度の表示差異、挙動の違いは許容し、重篤な不具合があれば納品後に対応します。
アクセシビリティチェック
アクセシビリティ要件を満たす実装になっているかを確認します。例えば、以下のような内容です。
- スクリーンリーダーの妨げになるような、画像で作成されたテキストがないか
- 背景色と文字色のコントラスト比が水準を満たしているか
- Tabや上下キーなどのキーボード操作のみでも利用可能か
- ブラウザのズーム機能に応じて文字サイズが変更されるか
アクセシビリティ要件によってチェックすべき項目が異なるため、それに合わせて検証期間を設けます。
シナリオテスト
ユーザーが行う一連の流れに沿って、問題なくシステムを利用できるかを確認します。同時に、当初の課題を意図通りに解決できているかについても評価します。