web-dev-qa-db-ja.com

アクセシビリティの観点から、ナビゲーションボタンをツールバーに配置することは良い習慣ですか?

IPhoneモバイルアプリを設計しましたが、アクセシビリティレビューを実施する必要があります。要件は、iOS8 UIガイドラインに従って、ネイティブアプリのように見せることでした。

初めてVoiceOver機能を使用してテストしましたが、ツールバーの[キャンセル]や[完了]などのナビゲーションボタンを上部に配置すると、すべてのコンテンツの前に最初に読むことがわかりました。このようにして、ユーザーは読んだ後、またはこの場合はフォームに入力した後、最後まで戻るか、次のステップに進むことができるようにする必要があります。

Password recovery wireframe

最近の多くのモバイルUIは、ボタンを論理的にフォームの後に配置するのではなく、同様のスキームを使用してボタンを上部に配置しています。 VoiceOverを使用する視覚障害者の観点から、これの利点/欠点は何ですか?

3
Amelia K

もう1つのコメント:運動障害のあるユーザーは、アプリ内の小さなターゲットをタップするのが難しいでしょう。

ボタンをベゼル領域(ボーダー)の隣に配置すると、ボタンにアクセスしやすくなることが示されています。

また、ピンチジェスチャー(ズームインとズームアウトのボタンなど)の代替手段を提供するようにしてください。手先の器用さが不足している人にとっては、これが最も難しいことです。

要約すると、タッチスクリーンのアクセシビリティに関するいくつかの設計のヒント

  • すべてのターゲット(入力、ボタン)を到達可能にします。 [1,3]
  • 重要なアイテムをベゼル領域の隣に配置します[2]
  • ピンチジェスチャーを回避するか、代替案を許可する[2,5]
  • フォームの入力、ボタンの読み取り、またはタップに十分な時間を与える
  • エラーを減らすために、アクション可能なもので画面を満たさないようにしてください(これは、すべての人に役立つ一般的な規則です)。

参照

あなたがもっと読みたいなら、ここに、運動障害のある使用のためのタッチスクリーンa11yについて私が好きないくつかの論文があります

  1. タッチスクリーンスマートフォンの物理的なアクセシビリティ。 Trewin S、Swart C、PettickD。 http://dl.acm.org/citation.cfm?doid=2513383.2513446
  2. バリアポインティング:物理的なエッジを使用してモバイルデバイスのタッチスクリーンでのターゲットの取得を支援する、Froehlich J Wobbrock J Kane S http://dl.acm.org/citation.cfm?id=1296843.1296849
  3. ユーザーが作成したYouTube動画を分析して、運動障害のある人によるタッチスクリーンの使用を理解する。アンソニーLキムYフィンドレーターL。 http://dl.acm.org/citation.cfm?id=2466158
  4. タッチスクリーンモバイルデバイス用のアクセシブルな対話モデルの開発:予備的な結果。ピッコロLデメネゼスEデカンポスブッコロB。 http://dl.acm.org/citation.cfm?id=2254436.2254474
  5. サブムーブメントの分析に基づく、細かい運動能力障害を持つ人々のための支援戦略。 Hourcade JO Guardionex。 http://dl.acm.org/citation.cfm?id=2520961

私の2セント!

1
maia

あなたの質問はとても難しいです。あなたが言ったように、フィールドの前に最終アクションボタンを読むことは論理的ではありません。私はそのようなフォームをPCに持っていて、フォームを検証またはキャンセルするために常に上にスクロールする必要があったのです。あなたの場合、あなたが彼らを助ける必要がある多くの盲目のユーザーがいる場合、なぜプロセスの最初にユーザーがハンディキャップを指定することを許可するオプションを持たないのか、そしてこの場合、上部にボタンを持ち、他の場合はそれらを許可する彼らの自然な場所で?

0
pierre lebailly

見ることも視覚障害者もこの計画から利益を得ないように私には思えます。このセクションがスキップ可能であっても、ユーザーは先に進む前にページが提供するものを知っている必要があります。入力が必要な場合、データが入力される前に先に進むことを選択すると、ユーザーをフラストレーション(エラーメッセージ)に設定することになります。意味がある場合は、そのパターンに従ってはいけません。キャンセルボタンについても同様です。彼らが諦めていることを彼らに知らせてください。

  • また、行動を促すフレーズは、単に盲目的に前進するのではなく、ユーザーが次に何をするか、何を見つけるかについて明確にする必要があります。あなたの流れの次は何ですか?
0
JotaRMonteiro