フリーのWEBデザイナーによるWEB制作のノウハウや雑記
覚え書きエントリ。CSSでの画像置換についてちょっと悩んでいるので色々調べてみました。 グローバルメニューなどでHTML上はテキストで記入し、 CSSで「text-indent:-9999px;」や「display:none;」を用いて画像に見せる方法（画像置換）ですが 最近の傾向では使用が推奨されていないようです。 なぜ使ってはいけないのか（アクセシビリティ） 「display:none;」 ... 音声ブラウザが読み上げてくれない、タブボタンでフォーカスできない「text-indent:-9999px;」 ... CSSは有効で画像表示は無効にしている環境（携帯、モバイルPCなど）では表示されない後者はモバイル用CSSなどで回避できると思いますが... SEO的にはどうなのか 色々調べてみたところ、今のところ画像置換によるSEOのペナルティはSPAMなどの明らかなテキスト隠し行為以
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
David Iglesias — Graphic Design
WWW WATCH
OZPAの表4 «
