モーダル ウィンドウ/ダイアログは Web サイトの優れたプラクティスと見なされますか? モーダル ウィンドウの使用に関して私が懸念していることの 1 つは、それがポップアップ ウィンドウに非常によく似ており、ユーザーの不満を引き起こしたり、押し付けがましいためにユーザーが単純にウィンドウを閉じたりする可能性があることです。ユーザーの好みと使用率に関する調査を知っていますか?
JavaScript がオフになっている場合、モーダル ウィンドウ リンクが新しいページにコンテンツをロードする以外に、アクセシビリティの問題はありますか? モーダル ウィンドウを使用するサイトや Web アプリは好きですか? なぜですか、そうでないのですか？モーダル ウィンドウを実装するための良い方法と悪い方法は何ですか? 写真やギャラリーを表示するときにモーダルが最も頻繁に使用されることはわかっていますが、他にどのような実用的な使用例がありますか? あなたのサイトでそれらを使用していますか? また、その決定に至った理由は何ですか?
アクセシビリティを除いて、実際の観点からすると、モーダル ウィンドウは、たとえばダイアログ ボックスのように驚かされず、ポップアップ ウィンドウよりも邪魔に感じられない代替手段を提供します。これらは通常、前述の 2 つの方法のいずれよりもサイトにまとまりを感じさせます。写真やメディアは別として、モーダル ダイアログをダイアログ ボックスと同じ目的で使用してきました。つまり、ユーザーに必要な入力をなんらかの形式で提供させたり、ユーザーがサイトを再び操作できるようにする前に何かを確認したりします。
純粋にアクセスしやすいという観点からは、それらはそれほど素晴らしいものではありません。通常、これらは JavaScript を必要とし、DOM に関してモーダルが管理される方法が原因で、スクリーン リーダーはそれらを適切に解釈しません。これに対抗するには、適切にデグレードすることを常にお勧めします。1 つの提案は、モーダル ダイアログのコンテンツを取得してページに配置することです。モーダル ダイアログが表示されるときはいつでも、現在のページを「モーダル ページ」にリダイレクトし、ユーザーの入力を取得して、元のページに戻ります。
最後に、私の個人的な意見に関する限り、モーダル ウィンドウは気にしません。正しく使用すると、まともなエクスペリエンスが提供されると思います-何かに注意を向ける必要がある場合は、ページからリダイレクトしたり、オペレーティングシステムをテーマにした醜いダイアログやポップアップを表示したりせずに、注意を引く必要があります. （とにかく、私のブラウザはおそらくブロックします）。要約すると、どのように中断するかを選択する必要がある場合は、モーダル ダイアログを選択します。
多くの人がモーダルウィンドウをレイヤードパネルと混同しているようです。ダイアログボックスはモーダルウィンドウにすることができ、ポップアップはモーダルウィンドウにすることができます。レイヤードパネルはウィンドウではありませんが、ポップアップまたはダイアログボックスのように見えます。基礎となるレイヤーが使用できないという意味でモーダルです。モーダルウィンドウは、ポップアップブロッカーの影響を受けないため、Webサイトで人気があります。
モーダルウィンドウは、基盤となるアプリケーションが続行するために必要な情報またはユーザーアクションを取得するように設計されています。非モーダルウィンドウを使用すると、ユーザーはウィンドウと基盤となるアプリケーションを切り替えることができます。非モーダルウィンドウの適切な使用法は、ユーザーが参照ツールと基盤となるアプリケーションへのアクセスを必要とする画面ヘルプまたはチュートリアルです。
IMHO、モーダルウィンドウは狭い特定の目的のために設計されており、現在多くの場合不適切に使用されています。あなたが何かをすることができるからといって、あなたがすべきだという意味ではありません！:-)
私は Web アプリでモーダル ウィンドウを使用するのは、ユーザーが完全に集中する必要がある単純な質問またはアクション (モーダルの目的) にのみ使用し、「背景を忘れて」、アプリケーションが求めていることに集中します...
例:
「許可されている最大貸与額が上限に達しました。この新しい貸与金をクライアントに送信してもよろしいですか?」
たとえば、電子メールを送信するためのプレテキストを選択する (件名と本文のテキストを修正したり、定義済みの件名/本文を選択してクライアントに送信したりするために使用できるモーダル ウィンドウ...
そのようなもの ：）
私は、ユーザーがすべての財務データを入力する Web サイトから、数回クリックするだけで完了した PDF による契約書の送信まで機能する多くの財務 Web アプリを実行します。これらは、モーダル ウィンドウを使用するアクションです。
それが役に立てば幸い
37Signals には、モーダルに関する興味深い投稿があります。彼らは、モーダル オーバーレイが新しいページへの移動を必要とするほど重要ではない場合に、画面サイズによって重要性を示すためにモーダルを使用することについて話しています。
Web 上のダイアログの問題のほとんどは、不十分な実装に集中しています。いくつかの考慮事項は次のとおりです。
これらのすべては、いくつかの事前の考慮とプログラミング手法によって簡単に克服できるため、適切に実装された Web 上のダイアログは非常に便利です。
私は、Web アプリのデータ入力画面にモーダル ウィンドウをよく使用します。たとえば、ユーザーにはリストまたは検索結果画面が表示され、レコードをクリックして編集するモーダル ウィンドウで開くことができます。私は Web サイトでモーダル ウィンドウをあまり使用しません。サイトの「アプリケーション」のような感じが少し少ない方が好きだからです。