web-dev-qa-db-ja.com

アイコン/ボタンのツールチップ

したがって、アイコンやボタンの意味が常に100%直感的であるとは限らないこと、そして理想的にはラベルが付いていることが理想的であることが頻繁に言及されています。

<dfn />タグがあるHTMLのようなツールチップはどうですか?基本的に、それはWordに下線を引いており、1秒間マウスオーバーすると、説明付きの小さなラベルポップアップが表示されます。マウスを動かすとツールチップが削除されます。

これは、ラベルの代わりに、使いやすさの点で優れたアイデアですか(Android screens)などの制約された不動産環境の場合)?また、遅延がなく、少し遅れる必要がありますまたは、情報を表示するまでに長い遅延がありますか?ラベルを無効にするオプションはどうですか?

編集:明確にするために、これは非HTML環境用です。しかし、私はツールチップとそれらを使用可能にする方法について一般的にを尋ねています。

3
ashes999

個人的には、ツールチップは常にホバー機能がある場所で使用する必要があると思います。唯一の質問は、表示されるまでの待機時間です。これは、問題のコントロールがどれほど一般的であるかと正比例するはずだと思います。また、対象となる視聴者にも配慮する必要があります。たとえば、公開サイトでは、最低の分母を使用する必要があります。これまでにコンピュータを見たことがないサイトに出くわしたことがある人です。

これについて覚えておくべき最大のルールは、人々が欲求不満になったときに、他の場所で解決策を探し始める平均的なオタクとは異なり、平均的な人は実際に狭い彼らの焦点になるため、アイコンに近い情報を置くことができれば、ユーザーはより幸せになります。

不動産の減少(電話スクリーンなど)の場合は、小さいテキストを使用すると効果的ですが、視覚障害者にとってはさらに悪い場合があります。

常に聴衆を常に念頭に置いていることを確認してください。

4
Wayne Werner

アイコンが単に装飾的であり、アクションやリンクがアイコンに関連付けられていない場合は、<img alt="">要素と空のALT属性。

アイコンがアクションまたはリンクの場合は、<img>要素ですが、代わりにアンカーを使用します<a>要素を追加し、アイコン画像を背景画像に設定し、リンク/アイコンのテキスト表現にTITLE属性を使用します。

TITLE属性は、マウスをホバーするとツールチップとして表示され、スクリーンリーダーでも使用されます。

0
Erics

これは、ラベルの代わりに、使いやすさの点で優れたアイデアですか(Android screens)などの制約された不動産環境の場合)?また、遅延がなく、少し遅れる必要がありますまたは、情報を表示するまでに長い遅延がありますか?ラベルを無効にするオプションはどうですか?

いいえ、良い考えではありません。特にAndroidについて触れたので、タッチスクリーンにカーソルを合わせません。

0
Wousser