画面拡大鏡をテストする
テストは、サイズ変更とリフローを確実に行う上で非常に重要です。 このセクションでは、デジタル製品のサイズ変更とリフローのサポートのテストとデバッグに役立つプロセスとツールをいくつか紹介します。
手動テスト
Web サイトまたはアプリのサイズ変更とリフローのサポートを手動でテストする方法を次に示します。
- ディスプレイの DPI 設定を変更する
- デバイスのディスプレイ DPI 設定を調整します。
- 再起動を必要とせずに、アプリが期待どおりにレンダリングされることを確認します。
- レイアウトの問題を確認する
- テキストと UI 要素の切り捨てまたは重複を探します。
- すべての要素が正しく表示されていることを確認します。
- モニター間でテストする
- DPI 設定が異なるモニター間でアプリ ウィンドウをドラッグします。
- アプリが新しい DPI 設定で正しくレンダリングされることを確認します。
- Web アプリ ウィンドウのサイズ変更
- Web アプリ ウィンドウのサイズを手動で変更します。
- リフロー ロジックが期待どおりに機能していることを確認します。
- ブラウザー デバッガーを使用する
- ブラウザー デバッガーを使用して、レイアウトとリフローをテストします。
- ウィンドウ のサイズが変わると要素が適切に調整されることを確認します。
- テスト用に特定の画面サイズを設定する
- 320 CSS ピクセル x 256 CSS ピクセルの画面サイズでテストするように表示設定を調整します。
- 次の設定を確認します。
- DPI を 100%に設定します。
- 解像度を 1280 x 1024 に調整します。
- テキストの拡大縮小を 100%に設定します。
- ブラウザーの技術スケーリングが既定であることを確認します。
- ブラウザーのズームを 400%に設定します。
- 支援技術を使用したテスト
- さまざまなデバイスと画面サイズでテストし、サイズ変更とリフローが正しく機能することを確認します。 エミュレーターと実際のデバイスの両方を使用して、問題を特定して対処します。
- 画面拡大鏡を使用してテストし、適切なスケーリングを確認します。
- スクリーン リーダーでテストし、互換性を確認します。 フォーカス インジケーター、テキスト挿入ポイント、および選択範囲にアクセス可能であることを確認します。
- キーボード ナビゲーションをテストして、すべての対話型要素にキーボードを使用してアクセスおよび移動できることを確認します。
- 調査結果を文書化する
- テスト中の問題や不一致を書き留めます。
- チェック中に特定されたレイアウトの問題に対処します。
ユーザー テスト
サイズ変更とリフローのサポートに関するユーザー テストは、障のあるユーザーを含むすべてのユーザーが Web サイトとアプリケーションを確実に使用できるようにするために重要です。 この種のテストは、スクリーン リーダーやスクリーン 拡大鏡などの支援技術に依存するユーザーがデジタル製品と完全にやり取りできなくなる可能性がある障壁を特定して対処するのに役立ちます。 テスト プロセスに障闭のあるユーザーを含めることで、開発者は実際の課題に関する貴重な洞察を得ることができ、ユーザー エクスペリエンスが包括的でアクセス可能であることを確認できます。