未テスト項目は何ですか?
このページの情報を使用して、axe DevTools Mobile によってテストされた内容を学び、手動でテストする必要がある項目の例を確認してください。
axe DevTools Mobile を使用した後にテストが残されている項目に関する詳細で段階的なガイドは、 残りのテストチェックリストをご覧ください。
axe DevTools Mobile でテストされる項目
カラーコントラスト
テキストは、色弱または視覚障害者でも読みやすいように、背景との間に十分なコントラストが必要です。
タップ可能な要素のサイズと間隔
タップできる要素は、運動制限のある人々でも操作できるよう、十分に大きくなければなりません。これらの要素は、隣接する要素を誤ってタップしないように、適切な間隔が必要です。
フォームラベル
入力フィールド(テキストボックス、チェックボックス、ラジオボタン)は、TalkBackやVoiceOverなどの支援技術用に正しくラベルが関連付けられている必要があります。
画像の説明
フォーカスを受けることができる画像には、TalkBackやVoiceOverなどの支援技術用に関連する説明が必要です。
支援技術によってアクセス可能なテキスト
画面上のテキストは、TalkBackやVoiceOverなどの支援技術によってアクセス可能であるべきです。(アクセスできないテキストは、支援技術を使用する人々には利用できません。)
支援技術によって起動可能なアクション
ユーザーが行うことのできるすべてのアクション(ボタンをタップしてフォームを送信する、コンテンツを展開/折りたたむメニューを開く、画像カルーセルを進めるなど)は、TalkBackやVoiceOverなどの支援技術によって起動できなければなりません。(起動できないアクションは、支援技術を使用する人には利用できません。)
入れ子のインタラクティブ要素
支援技術によって起動可能なインタラクティブ要素には、別のインタラクティブ要素を含めないようにするべきです。すべてのインタラクティブ要素は個別にアクセス可能で、独立して起動できる必要があります。
スクリーン回転
アプリは、デバイスが回転したときに回転するようにする必要があります。こうすることで、デバイスの画面オリエンテーションにかかわらず、アプリを使用できるようになります。誰かがその電話やタブレットを車椅子に固定したオリエンテーションで設置している場合があります。そのオリエンテーションをサポートできなければ、その人にとってアプリは使用不可能になります。
画面のタイトル
アプリ内の各画面には、支援技術によってアナウンスされるタイトルを提供する必要があります。画面タイトルは、視覚、認知、および運動障害があり短期記憶が限られているユーザーが、アプリ内のどこにいるのかを確認し、画面上のコンテンツをそのタイトルで識別し、ナビゲーションモードが音声に依存する場合に画面間を移動する際に役立ちます。
手動でテストする必要がある項目は何ですか?
以下のリストには、手動テストが必要なアクセシビリティの問題の例が含まれています。これは包括的なチェックリストではなく、axe DevTools Mobile を使用した後に手動でテストしたい問題の種類を示しています。
支援技術を用いたテスト
ユーザーがTalkBackやVoiceOverなどの支援技術を用いて効率的にアプリとインタラクトできることを確認してください。
- 読み順序 - 支援技術が見出しや段落などの固定コンテンツを正しい読み順序で検出できていますか?
- インタラクティブ要素の順序 - 支援技術が、ボタンやフォームフィールドなどのインタラクティブ要素を画面上で論理的な順序で移動しますか?
- 見出し - 見出しは支援技術に正しくアナウンスされていますか?
- 画像 - 装飾画像は識別され、支援技術によって無視されるように埋め込まれていますか?
- テーブル - データテーブルのセルには、セルがどの列や行のヘッダーに関連しているかを定義するアクセス可能な名前が提供されていますか?
- フォーカス管理 - インターフェイスコンポーネントがアクティブになることで、例えばポップアップやメニューを開くなどして画面が新しい状態に移行する場合、その後も支援技術が操作可能ですか?
- 状態のアナウンス - 展開/折りたたみや押下されたといった状態を持つ要素がありますか?それらの状態は支援技術にアナウンスされていますか?
- ジェスチャーとデバイスの動き - 画面はジェスチャーやデバイスの動きを入力として使用していますか?ジェスチャーやデバイスの動きなしで同じアクションを行うユーザーインターフェイスコンポーネントがありますか?デバイスの動きを無効にして誤って起動することを防止できますか?
コンテンツの意味
テキストが関連するコンテンツやコントロールの機能や目的を意味深く説明していることを確認してください。
- ボタンとリンクの意味 - ボタンとリンクのテキストは、実行される機能を正確に説明していますか?
- フォームラベル - フォームコントロールの目的が意味のあるテキストラベルで理解できますか?
- 見出しの意味 - セクションの見出しは、続くコンテンツを意味深く説明していますか?
- 画像の意味 - アクセシブルなテキストは画像を正確に説明していますか?複雑な画像やチャートについては、それらのコンテンツをすべて網羅したテキスト説明が提供されていますか?
コンテンツの構造
ユーザーが各画面やアプリ全体のコンテンツの構造を理解できるようにします。
- 見出し - 情報をより整理するために、コンテンツはセクション見出しで区切られた短いブロックで提示されていますか?セクションをタイトル付けまたは説明するために使用される見出しは、ユーザーによって認識可能ですか?
- ナビゲーション - アプリにはナビゲーション要素のグループがありますか?各画面で要素が同じ相対順序で並べられ、同じ方法でラベル付けされていますか?
- アプリ全体の一貫性 - 各画面で同じ役割を持つフォームや他のコントロールが、すべての画面で同じようにラベル付けされていますか?
動的/タイミングのあるコンテンツ
ユーザーが動的なコンテンツを制御できるようにします。
-
オーディオ/ビデオ - ビデオまたは音声コンテンツに、視覚や聴覚に障害のあるユーザーのためのテキストベースの代替案、例えばテキストの文字起こしやキャプションがありますか?
-
自動動作 - コンテンツが自動で移動、アニメーション、またはスクロールすることがありますか? 例えば、カルーセルやメッセージフィードなど。それがある場合、ユーザーは動きを一時停止、停止、または隠しながら、すべての機能を正常に利用できますか?
-
自動コンテンツ更新 - コンテンツが自動で更新されることがありますか? それがある場合、ユーザーは更新の頻度を制御したり、コンテンツの中断を延期または無効にすることができますか?
-
画面読み込み時の中断 - 動画や音声のようなタイムドメディアが自動で再生されることがありますか?ユーザーが自動再生メディアを一時停止、停止、または隠すためのメカニズムはありますか?
-
ステータスメッセージ - 画面にステータスメッセージが表示されますか? それがある場合、支援技術によりメッセージが即座に読み上げられますか? ステータスメッセージが自動的に消え、ユーザーがステータス表示の兆候を残さないことがありますか?
視覚効果 - アプリには、1秒間に3回以上繰り返し点滅や瞬いたりしないコンポーネントがありますか?
フォームの検証とフィードバック
フォームやユーザー入力要素が簡単に理解され、完了されること、またエラーが解決されることを確認してください。
- フォームラベル - フォームには、それぞれのコントロールに対する永続的で意味のあるラベルや指示がありますか?
- エラー防止 - インタラクティブなコントロールはユーザーに明確な指示を提供していますか? エラーが返された場合、ユーザーにエラーステートとエラーメッセージが明確に提示され、エラーを修正するのに役立ちますか?
- エラーメッセージ - フォームエラーは、視覚や色の認識にのみ依存しない方法で返されますか?
- コンテキストの変更 - ユーザーは、フォームコントロールに入力することが、ポップアップが開いたり、文字数の上限に達したときに次のフィールドに移動する(例えば、マルチパートのSSNフィールド)など、コンテキストの変更を自動的に引き起こすことが分かりますか。
- 法的・財務データ - ユーザーはアプリで法的または財務データを提出しますか? それがある場合、法的または財務データを提出する前に、ユーザーが元に戻す、確認する、または確認する方法が提供されていますか?
その他の考慮事項
- 色の手がかりの代替 - 情報が主に色で伝達される場合に、アプリケーションのユーザーが他の視覚的な手がかりを活用できますか?
- フォーカスインジケーター - アクティブな要素がフォーカスを受け取る際に、明確に識別可能なフォーカスインジケーターが十分な色の対比で可視化されますか?
- プラットフォームのナビゲーションと設定 - iOSまたはAndroidのプラットフォームナビゲーション機能を破壊するようなアンチパターン体験を提供する要素がアプリ全体にありますか? アプリケーション全体でユーザーのデバイス設定が遵守されていますか?
- 画面の向き - 縦向きと横向きの向きを切り替えるときに画面のコンテンツと機能が保持されていますか? (コンテンツは必ずしも同じ画面にある必要はありませんが、アプリ内のどこかに提供される必要があります。)
- セッションタイムアウト - アプリはユーザーにセッションの時間制限を課していますか? ユーザーは時間制限を延長したり、無効にしたり、変更することができますか? セッションが切れる場合、再ログインが必要になったときに情報を失わないことをアプリは保証していますか?
- テキストのリサイズとズーム - アプリの機能のいずれかが、iOSまたはAndroidのズームまたはテキストリサイズ機能を活用することを妨げていますか?
- 画像内のテキスト - ロゴを除いて、テキストやテキストを埋め込んだビジュアルを含む画像がスクリーンに表示されていませんか?
