text-indent: -xxxxem 使用時の注意点

2008年1月 5日 21:00 Kosaki | コメント(0) | トラックバック(0)

Firefox1.5~ で背景置換が設定されたリンクをクリックした時に、長い点線の枠が出現
```
#xx a {
   outline: none;
}
		
```
⇒　タブキーでフォーカス時の現在位置が分からなくなる
タブキーのフォーカス対策
```
a {
   overflow: hidden;
}
		
```
⇒　Mac IE でリンクが消える

解決方法


a {
/*\*/
   overflow: hidden;
/**/
}

ただ、この画像置換（Image Replacement）は、「CSS有効で画像は非表示」の環境で見ると、その箇所には何も表示されなくなってしまう。
また「display:none;」としている場合だと、音声ブラウザはその箇所を飛ばしてしまう。（音声ブラウザにもよる）

なお、これがSEOスパムに当たるという説もあるが、これは、「非可視化されるテキストの内容」が、「それと置き換えられる画像」に対し等価ではないと考えられる場合といわれている。
テキストと画像の双方にある情報が一致するよう制作する限りは、SEOスパムと判断される懸念は低いと思われる。

「text-indent: -xxxxem 使用時の注意点」に関連するエントリー: CSS を使用せずに画像置換を行える Javascript「jQIR」

トラックバック(0)

このブログ記事を参照しているブログ一覧: text-indent: -xxxxem 使用時の注意点

このブログ記事に対するトラックバックURL:

コメントする

婚活イベント・婚活パーティー: 婚活や仲間づくりのきっかけになるイベントコミュニティ。パーティ・イベントの様子はこちら。
船橋のケーキ・スイーツ店: おいしいケーキを皆様に。船橋のスイーツ店「パティスリーパレ」
船橋のタイ料理レストラン: アユタヤ(AYUTHAYA)はタイセレクト認定の本場タイ料理レストランです
青色申告ソフト: 青色申告・白色申告に対応したソフト「みんなの青色申告」のご紹介。初心者の方にもやさしく、無料体験版のダウンロードもできます。
船橋の美容室・美容院: 「自然・癒し・まったり」の路地裏空間美容院ぶんぶんは自然のものを使ったヘアースタイルをご提供します。
絵画販売: 藤代範雄の掛け軸・グラフィックアートを取り扱い中！MarbleShopは絵画に特化した商品をお届けいたします。
冷凍ピザを宅配できる船橋のピザ屋さん: 船橋のピザ屋さんコンパーレ・コマーレでは、もっちりナポリピザを冷凍ピザにして宅配できます。宴会・貸切もOK
オーダースーツARMADIO: ARMADIOでは「貴方の想いを形にするお手伝い」という気持ちをもって『見た目のカッコ良さだけでなく、着心地の良さを重視したオーダースーツ』をご提供しております。