web-dev-qa-db-ja.com

リンクまたはボタンが新しいタブまたはウィンドウで開くこと、およびその方法をユーザーに伝える必要がありますか?

私は時々それを感じているユーザー(そして私自身)に遭遇しましたリンクをクリックすると、新しいウィンドウまたはタブで何かが開いて、そのアクションを期待していなかったとき、それは驚くべきことです

そのリンクを開くか、そのボタンが新しいタブまたはウィンドウで開くことをユーザーに通知すると便利だと思います。

このフィードバックを提供することは、一般的に価値があると見なされますリンクがaで開くことをユーザーに通知するいくつかの新しい方法です新しいタブまたはウィンドウ?

したがって、次のようなボタンのアイコンがたくさんあります

enter image description hereenter image description here

しかし、プレーンテキストリンクのシナリオではどうでしょうか。ホバーアイコンが頭に浮かびますが、ほとんどのタッチデバイス(モバイル、タブレットなど)にフィードバックは提供されません。

3
Frank Visaggio

はい、ユーザーに知らせるのは良いことです

...特にページにリンクが混在している場合(一部は新しいタブで開き、一部は開かない)。

インラインで新しいタブリンクを示す一般的な方法の1つは、次のようにアイコンを使用することです。 inline icon link

CSSを使用して開発している場合、これは、テキストのみのブラウザまたはアクセシビリティブラウザで正常に失敗する方法で実行できます。 :afterスプライト、インラインimgタグを挿入したり、パディングと背景画像を使用して<a>タグをレンダリングしたりできます。

5
tohster

リンクが別のサイトにリダイレクトされる場合は、この情報をアイコンでユーザーに伝えると便利です。質問の2番目のアイコンは、そのような場合に適しています。

リンクがドメイン上の同じサイトにリダイレクトされる場合は、リンクを新しいタブで開く必要はありません。

プレーンテキストリンクの場合、アイコンのすぐ隣にある小さなアイコンは、リンクが新しいタブで開かれることを伝えます。このアイコンは、大画面のホバーに表示するように、また小さな画面の場合は恒久的に表示するように構成できます。

2
hKedia