モーダルウィンドウを考える | Accessible & Usable

公開日 : 2015年7月6日 (2024年2月12日 更新) カテゴリー : アクセシビリティ ウェブサイトのユーザーインターフェース (UI) に、「モーダルウィンドウ」と呼ばれるものがあります。ページ遷移を伴わずに、ページ上にウィンドウをオーバーレイ表示させるもので、このウィンドウが前面で開いている間は背景側にある元ページが操作対象外になることから「モーダル」という名称が付いています。実装例としては、フォーム、アラート、画像の拡大表示 (いわゆる Lightbox 系と呼ばれるもの) などが挙げられます。 モーダルウィンドウは、あるページを開いているというコンテキストを維持しつつ付加的にコンテンツの提示ができる利点がある反面、基本的なユーザビリティやアクセシビリティが欠落しているケースが多く見受けられます。以下の観点を意識しながらデザインや実装をすることで、基本的なユーザビリティやア

[musign]

これ読んでどっかで実装に落とさないと

[sonykichi]

基本ですが忘れがち。

[k3akinori]

lightbox系にrole="dialog"

[strawberryhunter]

Webブラウザの中で好き勝手やりすぎ。そもそもすべてのボタンはシステム標準のボタンの外観をしていてほしいし、モーダルウィンドウだって標準のデザインが当然あるべき。そこら辺の三流デザイナーのUIは総じてゴミ。

[habarhaba]

最後まで読んでもそもそもモーダルウィンドウにユーザビリティはないのではというのを感じる

[oppara]

モーダルウィンドウを考える — Website Usability Info B!

[karasunekoneko]

モーダルウィンドウを考える — Website Usability Info