マウスカーソルを置いた時に追加表示されるコンテンツがある場合の配慮とは？

師匠：なるほどのぅ。久しぶりのパソコン用サイトじゃから、これまで学んだことを忘れておらんか心配じゃな(笑)…

見習い君：何を言っているんですか！(笑)　これまで学んだことをきっちりサイトに取り入れていますよ。ちょうど、出来ました！見てください、いい感じで出来てますよね？

師匠：どれどれ……。ほう、なかなかよく出来ておるのぅ。じゃが、少し惜しいところがあるな。

見習い君：はい！
・ツールチップは、リンクやボタンなどにマウスカーソルを重ねたときに表示される補足説明

・ドロップダウンメニューは、マウスカーソルをリンクに重ねたり、クリックしたりした時に表示されるメニューリンクのことですよね。

師匠：そのとおりじゃ。では、マウスカーソルをボタンの上に重ねてみるのじゃ。

師匠：いや、ツールチップを使うこと自体は問題ないのじゃ。よくみてごらん。

見習い君：あ！ツールチップが表示されることで、他のボタンやリンクが隠れてしまっていますね。

師匠：そうじゃ。ツールチップが表示されても、他のボタンやリンクの内容が隠れず、利用者が必要な情報を確認できることが大切なのじゃ。

見習い君：その場合は、Escキーなどで簡単に閉じられるようにする必要があるということですね。

師匠：確かに難しそうな名前じゃが、実際にやることはそれほど難しくないのじゃ。
それから、もう一つ覚えておいてほしいことがある。
ツールチップだけでなく、ドロップダウンメニューも対象なのじゃ。
表示されたツールチップやドロップダウンメニューの内容を確認しようとして、マウスカーソルを移動した途端に消えてしまうことがあるじゃろう？それでは利用者が内容を最後まで確認できん。
ツールチップやドロップダウンメニューは、利用者が必要な情報を確認できるようにしておくことが大切なのじゃ。

師匠：その認識で合っておる。

見習い君：ええと、やるべきことが少し似てるから、頭が整理しきれない(苦笑)…

師匠：少し整理しておこうかの。
対象となるのは、

• ・ツールチップ
• ・ドロップダウンメニュー
• ・画像プレビュー

など、マウスカーソルを重ねたときに追加で表示されるコンテンツじゃ。
そして、手の震えなどでマウス操作が難しい利用者や、拡大表示を利用している利用者が困らないようにするための配慮でもあるのじゃ。

見習い君：なるほどなるほど。

見習い君：おかげさまで整理できました！　ありがとうございます！
サイトをちゃんと見直してきます。

師匠：うむ。その気づきを今後のサイト作りにも活かしていくのじゃぞ。