私は時々それを感じているユーザー(そして私自身)に遭遇しましたリンクをクリックすると、新しいウィンドウまたはタブで何かが開いて、そのアクションを期待していなかったとき、それは驚くべきことです。
そのリンクを開くか、そのボタンが新しいタブまたはウィンドウで開くことをユーザーに通知すると便利だと思います。
このフィードバックを提供することは、一般的に価値があると見なされますリンクがaで開くことをユーザーに通知するいくつかの新しい方法です新しいタブまたはウィンドウ?
したがって、次のようなボタンのアイコンがたくさんあります
しかし、プレーンテキストリンクのシナリオではどうでしょうか。ホバーアイコンが頭に浮かびますが、ほとんどのタッチデバイス(モバイル、タブレットなど)にフィードバックは提供されません。
...特にページにリンクが混在している場合(一部は新しいタブで開き、一部は開かない)。
インラインで新しいタブリンクを示す一般的な方法の1つは、次のようにアイコンを使用することです。
CSSを使用して開発している場合、これは、テキストのみのブラウザまたはアクセシビリティブラウザで正常に失敗する方法で実行できます。 :after
スプライト、インラインimg
タグを挿入したり、パディングと背景画像を使用して<a>
タグをレンダリングしたりできます。
リンクが別のサイトにリダイレクトされる場合は、この情報をアイコンでユーザーに伝えると便利です。質問の2番目のアイコンは、そのような場合に適しています。
リンクがドメイン上の同じサイトにリダイレクトされる場合は、リンクを新しいタブで開く必要はありません。
プレーンテキストリンクの場合、アイコンのすぐ隣にある小さなアイコンは、リンクが新しいタブで開かれることを伝えます。このアイコンは、大画面のホバーに表示するように、また小さな画面の場合は恒久的に表示するように構成できます。