クリックした時の点線を消す
文字リンクをcssで画像に置き換え、いらなくなった文字をtext-indentで画面の外に飛ばした場合、
リンク画像をクリックした時に画面の外まで点線がつづいてしまいます。
こんなイメージ
(ブラウザーや環境によってはもともと見えない場合もあります)
点線を消すには
a {点線を消すCSSとスクリプトより
outline: none;
}
この場合点線を消す方法として、上記の方法を使っていましたが、アクセシビリティ・ユーザービリティの観点から問題があるようです。