外部サイトへのリンクにtarget=_blank属性を追加(jQuery)

| コメント(1) | トラックバック(0)

jQueryを使って、外部サイトへのリンクにtarget=_blankを追加する仕様にしました。

外部へのリンクにtarget=_blank属性を付けることはアクセシビリティの観点から望ましくない。つまり、別ウインドウで開くかどうかはユーザーが判断すべきとされてきましたが、これだけタブブラウザが普及するとかえってアクセシビリティ上よろしくないという気がします。

といって膨大な記事の中から外部へのリンクを探し出して、手書きでtarget=_blank属性を追加するのも大変な作業量です。

そこで、jQueryを使って処理することにしました。

Wordpress: 外部リンクをtarget=_blankに - blog.eラーニング.co.jp

<script language="JavaScript>
 $(document).ready( function () {
 $("a[href^=http]").not("[href*="+location.hostname+"]").attr("target","_blank");
})
</script>

なお、このサイトでは、別スクリプトにして読みこんでいます。

また、a要素のクラス属性にextlinkというクラスを追加して、外部リンクにだけ外部へのリンクを示す画像を表示させることもできます。

.addClass("extlink");

トラックバック(0)

トラックバックURL: http://www.shikidahironori.jp/mt/toraxtukubaxtuku620.cgi/1286

コメント(1)

それは私はこの瞬間のように探していた情報のようなものだったので、それは私にとって良いヒントだった。あなたは私の命を救う!あなたのブログにこの投稿時間を割いていただき誠に有難うございます。

コメントする