Google のアクセシビリティ スキャナーを使用して Android のアクセシビリティを効率的に監査する

Web コンテンツ アクセシビリティ ガイドライン (WCAG 2.1 レベル AA) は、デジタル アクセシビリティに関する国際的に認められた標準です。これらのガイドラインに従うことで、視覚、運動障害、聴覚障害、認知障害を持つユーザーがウェブサイトを利用できるようになります。

Google Play の Google の Accessibility Scanner は、開発者、デザイナー、プロダクト リーダーにアプリを監査してアクセシビリティの問題を見つける機能を提供する無料アプリです。このアプリは、WCAG 2.1 レベル AA 基準を満たさない可能性のあるアクセシビリティの問題を強調するように設計されています。

アクセシビリティ スキャナーをインストールすると、アプリのスクリーンショットやビデオ録画を撮影し、小さなタッチ ターゲット、色のコントラストの低さ、コンテンツ ラベルの欠落など、アクセシビリティ要件を満たしていない可能性のある領域を強調表示できるようになります。

ここで説明する内容は次のとおりです。

<オル>

アクセシビリティ スキャナーをダウンロードして有効にする方法

アクセシビリティ スキャナーの使用方法

• スナップショット機能の使用方法

• 録音機能の使用方法

アクセシビリティ スキャナーを使用する理由?

アクセシビリティ スキャナーをダウンロードして有効にする方法

5 つの簡単な手順で、アクセシビリティ アプリをダウンロードし、Android デバイスで有効にすることができます。

<オル>

Google Play ストアで「アクセシビリティ スキャナー」を検索し、ダウンロードしてください。

デバイス上でダウンロードしたアプリを見つけて開きます。

ページの右下にある「オンにする」ボタンをクリックして、アクセシビリティ スキャナーをオンにします。これにより、アクセシビリティ設定が表示されます。

「アクセシビリティ設定」ページで、「アクセシビリティスキャナー」ボタンをクリックします。これにより、「アクセシビリティ スキャナー設定」が表示されます。

アクセシビリティ スキャナーのトグルを見つけてオンにします。 (これにより、「アクセシビリティ スキャナー」によるデバイスのフル コントロールを許可するかどうかを尋ねるモーダルが開きます。[許可] をクリックします。

ステップ 5 を完了すると、画面の右側に青いチェックマーク アイコンが表示されます (下の画像を参照)。このフローティング アイコンを使用すると、アクセシビリティの問題について画面のスキャンを開始するための簡単なアクセスが可能になります。

アプリをスキャンまたは記録してアクセシビリティの問題を見つけるには、青いチェックマーク アイコンをタップします。青いチェックマークをクリックすると、いくつかのオプションが表示されます。

• 記録 :ユーザー インタラクションの短いビデオをキャプチャし、潜在的なアクセシビリティの問題のレポートを生成します。

• スナップショット :静的なスクリーンショットを撮り、その画面で見つかった問題にフラグを立てます。

• オフにする: アクセシビリティ スキャナーをオフにします。

• 折りたたむ: オプションを折りたたんで、最初の青いチェックマークを表示します。

単一のスナップショットを取得するかどうかを選択できます。 または記録を使用してユーザー フローを記録します。 複数の画面を評価します。

スナップショット機能の使用方法

スナップショット ボタンを使用すると、現在いるページのスナップショットが作成され、ページに存在する可能性のあるアクセシビリティの問題の結果が表示されます。アクセシビリティの問題は赤いボックスで強調表示されます。

下の画像は、Facebook ログイン ページのスナップショットを撮った結果です。アクセシビリティ スキャナーには、このページだけで 10 件のアクセシビリティに関する提案があると記載されています。

強調表示された領域をクリックすると、潜在的なアクセシビリティの問題の詳細を確認できます。たとえば、上の画像にある「携帯電話番号または電子メール」フォームを強調表示している赤いボックスをクリックします。ハイライト表示された領域をクリックすると、追加情報が表示されます。

下の画像は、「携帯電話番号または電子メール」フォーム要素をクリックした結果です。アクセシビリティ スキャナーは、この電子メール フォームで見つかったエラーを強調表示しています。

最初に表示される提案は、アイテムのラベルを修正することです。スクリーン リーダーで読み取れるラベルがアイテムにない可能性があるためです。 2 番目の問題はタッチ ターゲットであり、ターゲットを大きくする必要があると示唆しています。最後の提案は、非公開テキスト、検出された可能性のあるテキストです:携帯電話番号または電子メール。

スナップショットを使用すると、ページのスクリーンショットを撮り、アクセシビリティの問題を強調することができます。

録音機能の使用方法

記録を選択すると、アクセシビリティ スキャナーはアプリのページを閲覧するときに一定間隔でスナップショットを取得します。録音を終了するには、青い一時停止ボタンをタップします (録音中に元のチェックマークが置き換えられます)。

記録を停止すると、Accessibility Scanner によっていくつかのスナップショットと強調表示されたエラーが表示されます。下の画像は、Facebook ログイン ページを 1 分以内に記録した結果です。

録音中に、アプリ内の他のページに移動しました。記録には、私が閲覧していたページの 5 つのスナップショットが含まれていました。ページの上部にスナップショットが表示されます。下の画像では、私は 5 つのうち 1 つを画面上に表示しています。 「画面 1/5」という文字の下にある他のスナップショットをクリックすると、録画中に撮影されたさまざまなスナップショットの問題が表示されます。スナップショットのアクセシビリティ監査と同様に、赤いボックスをクリックすると、エラーの詳細情報を取得できます。

アクセシビリティ スキャナーを使用する理由

アクセシビリティ スキャナーは、アプリ開発ライフサイクル全体を通じてチームにとって貴重なツールです。エンジニアはプロセスの早い段階でこれを使用して、アプリをローカルでスキャンし、アクセシビリティの問題を特定し、リリース前に解決できます。 QA フェーズでは、デザイナーと製品マネージャーはスキャナーを使用してユーザー インターフェイスを監査し、潜在的なアクセシビリティの問題にフラグを立てることができます。アプリが本番環境に入った後でも、すべてのチームは引き続きスキャナーを使用してアクセシビリティを監視し、改善できます。

ただし、アクセシビリティ スキャナーはアクセシビリティ戦略の一部にすぎず、手動テストや監査を完全に置き換えるものではないことに注意することが重要です。また、あらゆる種類のアクセシビリティの障壁、特にキーボード ナビゲーション、スクリーン リーダーのテスト、コグニティブ ユーザビリティのレビューを必要とする障壁を乗り越えられるわけではありません。ただし、これは Android アプリのアクセシビリティを向上させるためのシンプルかつ効果的な出発点です。

スクリーン リーダーのテストには、Android の TalkBack などの他のツールと併用する必要があります。最も重要なことは、自動化ツールが見逃す可能性のあるユーザビリティの障壁を特定するには、支援技術を使用する人々からの実際のフィードバックが不可欠であるということです。

アクセシビリティ スキャナーは、数回タップするだけで、見逃してしまう可能性のある問題を明らかにするのに役立ちます。これは、包括的なモバイル エクスペリエンスを構築するすべての人にとって、無料で軽量な不可欠なツールです。

読んでいただきありがとうございます!

これで、アクセシビリティ スキャナーを使用してアプリのアクセシビリティをチェックし、誰でも使用できることを確認する方法を理解できたはずです。

無料でコーディングを学びましょう。 freeCodeCamp のオープンソース カリキュラムは、40,000 人以上の人々が開発者としての職に就くのに役立ちました。始めましょう