2

私たちのウェブサイトにはグラフィカルなメインメニューがあります（つまり、テキストは画像エディタで実行され、画像として表示されます）が、メニュー項目にカーソルを合わせるとツールチップが表示されます。（たとえば、[お問い合わせ]にカーソルを合わせると、別の[お問い合わせ]がツールチップとしてポップアップ表示されます）

私のウェブデザイナーは、これは検索エンジンにメニューテキストのインデックスを作成させるために必要だと言いましたが、それはプレゼンテーションをひどく醜くします-ツールチップを回避する方法はありませんが、それでも検索エンジンにalt属性のインデックスを作成させますか？

4

5 に答える 5

2

タグにはalt属性が必要です。img画像が見えない方への情報提供です。これには、視覚障害者（おそらくスクリーンリーダーを使用している）、非グラフィカルブラウザを使用している人、または画像が無効になっている人が含まれる場合があります。画像が純粋にフォーマット用である場合、alt属性は空の文字列（alt=""）に設定する必要があります。

alt属性はツールチップとしてレンダリングされることは想定されていません。私の知る限り、これを行うブラウザはInternet ExplorerforWindowsだけです。

title属性「は、それが設定されている要素に関する助言情報を提供します」。これは必須ではなく、設定されている要素にまだ存在していない追加の有用な情報を提供する状況でのみ使用する必要があります。title属性は通常、グラフィカルユーザーエージェント（ブラウザー）のツールチップとしてレンダリングされます。

詳細については、alt属性とtitle属性を参照してください。

グラフィカルメニューは多くの方法の1つで設計できるため、何を変更できるかはわかりません。考慮する必要があるのは次のとおりです。

  • あなたと同じようにサイトを見ることができない人々へのあなたのナビゲーションメニューのアクセシビリティ。Lynxなどのテキストのみのブラウザでサイトをナビゲートすることは可能ですか？画像をオフにするとどうなりますか？スタイルシートをオフにするとどうなりますか？画像をオフにすることは、おそらく今では非常にまれであり、処理するのが難しいものです-それは判断の呼びかけです。

  • ツールチップがレンダリングされる原因となっているのはaltor属性ですか？title前者の場合、適切なブラウザを使用できる幸運な人にはツールチップが表示されません。

  • そもそも本当に問題なのか？それを削除することから生じる可能性のあるアクセシビリティの問題を考えると、それは本当に重要ですか？

  • 検索エンジンは、人々に役立つコンテンツを見つけるように設計されています。テキストのみのブラウザで表示したときにサイトが意味をなさない場合は、検索エンジンにとって意味がない可能性があります。検索エンジンではなく、人々のためにサイトを設計します。

于 2011-07-28T04:53:10.343 に答える
1

属性からのツールチップメッセージaltはIEでのみ表示され、表示しない唯一の方法は設定しないことです（悪い考え）。

他のすべてのブラウザでは、必要に応じて、title属性を含むツールチップが表示されます。

于 2011-07-28T03:39:50.763 に答える
1

はいあります。画像ベースのメニューを使用して、非表示にするだけでテキストを配置できます。これにはさまざまな手法があります。このリンクはそれらのいくつかを示しています。

http://css-tricks.com/630-css-image-replacement/

また、検索エンジンが Web サイトのインデックスを作成するのに役立つだけでなく、スクリーン リーダー (たとえば、目の不自由な人が Web サイトにアクセスするなど) に対しても使いやすくなります。

于 2011-07-28T03:41:04.843 に答える
0

メニューテキストが標準の場合、つまり、

  • 私たちに関しては
  • コンタクト
  • 製品
  • 等

それからalt/titleタグを忘れてください。これらをインデックス化する検索エンジンからは、実際の価値は得られません。

もちろん、アクセシビリティのためにaltタグをimages追加する必要があります。

これが実際の問題である場合、できることの 1 つは、imagesasbackground-imagesを に配置することdiv/divsです。title次に、またはname属性を に追加しますdivs。

于 2011-07-28T03:40:29.193 に答える
0

属性は、altアクセシビリティと SEO の目的で必ず必要なテキストです。いつものように IE は間違っており、そのテキストをツールチップにも使用します。ツールチップが必要ない場合は、適切な属性を設定してtitle空白にしてくださいtitle=""

ただし、他の人が述べているように、より良い解決策は画像をまったく使用しないことです。最近では、CSS を使用してテキストのスタイルを非常に簡単に設定できます。alt 属性を必要とせず、ツールチップを生成せず、ユーザーがより簡単にサイズを変更できるようにし、編集しやすくし、エンド ユーザーの読み込みを高速化します。

于 2011-07-28T05:02:09.367 に答える