イメージ・ナビゲーション：ユーザビリティ+ Google検索

Question

私は次のような問題があります。

は私が特殊なフォント（メタ）を使用したいので、私のナビゲーションのための画像を使用したいです。 ナビゲーション用の画像は非常に魅力的なので、このようなナビゲーションを構築するにはどうすればいいのでしょうか？

1. 、Googleのファインダビリティ：
   は、私は2つの主要な懸念を持っています。
2. 使いやすさ。

これは私のデザインポートフォリオ用ですので、スクリーンリーダーにはあまり関心がありません（私の意見ではあまり意味がありません）。

実際の画像（altタグを含む）を使用する方が良いですか、テキストの字下げを使用してテキストを非表示にしてCSSの背景画像を使用するだけですか？たぶん3分の1の方が良いかもしれません。

ありがとうございました。

Answer 1

代替テキストの画像はウェブスパイダーにとっては問題ありませんが、使いやすさには理想的ではありません（ほとんどのブラウザーで代替テキストを検索することはできません）。ネガティブなテキストインデントは検索可能ですが、ハイライトは表示されず、実際には悪化します。

最高の解決策は、画像の代わりにweb fontを使用することです。 Font Squirrelでデスクトップフォントから簡単に生成できます。