ツールチップ
更新日:
用語解説
ツールチップは、アイコン、ボタン、入力項目などへポインタを重ねるかキーボードフォーカスを置いたとき、その要素の名称や短い補足説明を一時的に表示する小さなポップアップです。
■ 試験で押さえるポイント
見慣れないアイコンの意味、ショートカットキー、入力条件などを短く補足します。主ラベルや常時必要な手順・エラー説明の代わりにはしません。
マウスのホバーだけでなくキーボードフォーカスでも表示し、起点からポインタが外れたとき、フォーカスが移ったとき、Escape操作などで閉じられるようにします。
表示中もフォーカスは起点要素に残し、通常のツールチップ内へリンクやボタンなど操作部品を置きません。操作が必要ならポップオーバーやダイアログを使います。
起点と説明をaria-describedby等で関連付け、十分な表示時間、読めるコントラスト、他の重要情報を隠しにくい位置を確保します。
■ 選択肢での判断ポイント
ホバー又はフォーカスで現れる短い非操作的な説明がツールチップです。命令を選ぶポップアップメニューや、確認操作を求めるダイアログとは異なります。
例: 「？」アイコンへマウスを置くかTabでフォーカスすると「半角数字8桁で入力」と表示し、Escape又はフォーカス移動で閉じます。