リストの項目に2つのオプションを提供し、視覚障害者向けのアクセシビリティを提供する方法は？
モバイル用のオーディオブックプレーヤーアプリを開発しています。このアプリは主に視覚障害者を対象としているため、UIはアクセシビリティモードで快適でなければなりません。開いている本の場合は、その章のリストが表示されます。
章ごとに2つのオプションを提供したいと思います。
- チャプターデモを再生する（そのチャプターのオーディオのみを5秒間再生します）
- 再生チャプター（チャプターのテキストを表示し、そのオーディオを再生します）
今はSimple ClickおよびLong clickしかし、これらについては、人々を混乱させます。
これら2つのオプションを提供する最良の方法は何ですか？
私はこれらを念頭に置いています：
- 各行に2つのボタンを配置します。
- クリックでポップアップメニューを開く。
- クリックとダブルクリックの使用。
しかし、どちらが最適か、またはもっとエレガントな方法があるかどうかはわかりません。
それが主に視覚障害者向けである場合、要素の構造について唯一の重要なことはその順序ですです。 Android TalkBack などのアクセシビリティ機能により、左右のスワイプでフォーカスが要素間でジャンプします。
しないでくださいただし、ここで提案されているいくつかの回答（ボタンを横からスライドさせるなど）のように、ファンシーなインタラクションスタイルとアニメーションを使用します。それらは、視覚障害者が何が起こっているのかを実際に理解することを本当に困難にし、スクリーンリーダーの読み取り順序を混乱させるかもしれません。
論文 視覚障害者向けの使用可能なジェスチャー：好みとパフォーマンスの理解 はこれに関する多くの研究を示し、視覚障害者向けのスマートフォンアプリケーションの設計方法に関するガイドラインを提供します。
最初のアイデアを使用して、各行に2つのボタンを配置することをお勧めします。
しかし、完全に盲目の人は、視覚障害のある人よりもはるかにまれです。したがって、正しいデザインを使用すると、最初にスクリーンリーダーですべての要素を通過させる代わりに、「ショートカット」を提供できます。
これらのユーザーがアプリを操作するのに役立つものは次のとおりです。
- 要素とテキストのサイズ
- 要素と背景の良いコントラスト
- 簡単にアクセスできる場所への重要な要素の配置（スクリーンの隅など、視覚障害者がスクリーンの真ん中にあるターゲットにぶつかるのが難しいため）
追加のボタンを表示するには、左右にスライドしますか？ Google Inboxのように。あるいは、Zohoメールのように。こちらがスクリーンショットです。欠点：オンボーディング中に少なくとも1回は教育する必要がありますが、アイデアは受け入れられており、すぐに教育は必要ありません。
タッチ入力イベントでデモを再生し、指をスライドして別のチャプターに入るときに停止する必要があると思います。
彼が（タッチエンドで）リリースする場合、3つのケースがあります。
- デモは1回再生され、彼はまだそのチャプターにいます>チャプターは最初から再生されます
- デモはまだ再生中です>停止しないでください（シングルタップケースもカバーします）
- 彼はタッチゾーンの外にいます>デモがまだ実行されている場合はデモを停止します
このアプローチの良い点は、1回のタッチで本を自由に簡単に読み飛ばすことができ、何かに落ち着くとすぐに解放して移動できることです。
上下にスライドして、一度に1つのチャプター間をすばやくオーディオプレビューで移動します。左右にスライドすると、チャプター内を一度に1文ずつナビゲートして、文のオーディオプレビューをすばやく確認できます。 1回のタップで一時停止/再生
各行に2つのボタンを配置するのは良い方法だと思います。1つ目のレベルでオプションを提供するのは非常に簡単です。私が目にする唯一の問題は、ボタンを追加する余地がある場合、混乱を招く可能性があることです。アイコンタイプのボタンが役立つかもしれません。
クリックでポップアップメニューを開くのも良い方法ですが、追加のクリックが必要です。単にブラウジングしているだけでは面倒になります。
シングルクリックまたはダブルクリックの3番目のアプローチ、私はお勧めしません。どのようにダブルクリックを教育することを計画していますか？フルバージョンです。ユーザーがダブルクリックをすると、何かがうまくいかないようです。また、ユーザーがシングルクリックまたはダブルクリックを行うつもりであるかどうかをどのように区別しますか、これはプログラム時間にどの程度影響しますか？