web-dev-qa-db-ja.com

ホバーツールヒントを開くテキストの標準スタイル?

ホバー時にツールチップを開くテキストの標準スタイルはありますか?
例えば。ユーザーがその上にカーソルを合わせると「ヒント」テキストが表示され、ツールチップが開きます。

チームの誰かがホバーツールヒントを示すために「詳細」の下に点線を表示することについて言及していましたが、ホバー時にツールヒントを開くテキストでそのスタイルが一貫して使用されるのを見たことはありません。

4
AmK

ほとんどのアプリケーション/ウェブサイトには、アイコン(多くの場合、疑問符)があり、ホバーできることを示します(ただし、ホバーはアイコンでのみ機能します)ラベルではありません)または特別なフォーマットはまったくありません。答え here も点線を使用することを提案しています。古いWindows(3.x)ヘルプファイルが同じように機能することを漠然と覚えています。

Stack Exchangeには、ツールチップ付きのラベル/リンクがたくさんあります。

  • ほぼすべての日付/タイムスタンプ(「14分前に質問」、これは私が書いているときにユーザーカードに表示されます。2つの「今日」は現在質問タイトルの下にあります)
  • 各投稿の下のリンク(「共有」、「編集」、「フォロー」など)
  • 質問の閲覧数など、1000より大きい数が正確に表示されないほとんどの場合

彼らは共通のスタイルを持っていません。もしそうなら、タッチスクリーンデバイスのユーザーは、一般的なスタイルが何を意味するのか疑問に思うでしょう。結局のところ、彼らはホバーにアクセスすることができません。

4
Glorfindel

@Glorfindelが述べたように、標準と見なすことができる唯一のものは、実際には丸いアイコンの疑問符です。それを除けば、それはあなたのコンテンツやUIデザインの残りの部分にうまく適合します。何かがインタラクティブであることを人々が見ることができる限り。

それらをアクセシブルにすることを検討するようにお願いできますか? https://inclusive-components.design/tooltips-toggletips/https://www.sarasoueidan.com/blog/accessible-tooltips/

3
Steve O'Connor