画像の効果的なaltテキストを書き込む
は、Webアクセシビリティについて何か知っている誰でもが、画像、代替またはAltキーを押し、テキストを割り当てる必要があります知っている。ので、スクリーンリーダーのイメージを理解することはできませんこれは、ですが、むしろ声に出して代替テキストを読み取る それらに割り当てられます。 Internet Explorerで、我々は、単に画像の上にマウスを移動し、表示される黄色のヒントを見て、このALTテキストを参照することができます。他のブラウザを（正しく）これを行うにはありません。 HTMLのAltキーを挿入するための テキスト："Altキー="代替説明鉄骨="filename.gifスペースここで"しかし、行く確かにあるイメージのALTテキストを記述するためのスキルはできませんか？あなたがそこに説明を開くと行くには、右の良いしている？さて、この種の。 確かに、ロケット科学者はないが、そこに従って...スペーサー画像とAltキーをtextSpacer画像が必要な、常にnullをAltキーを押し、テキスト、またはAltキーを割り当てる必要がありますいくつかのガイドラインがあります=""。この方法では、ほとんどのスクリーン読者になる 完全にイメージを無視しても、その存在を発表することはありません。スペーサー画像を非常に多くのウェブサイトを使用する非表示のイメージです。彼らの目的は、その名の通り、ページ上の領域を作成することです。時々 それはあなたに必要な視覚的な表示を作成するので、（）およびその高さと幅を指定するvoliÃÆ'ƒÀšã、Â、あなたが誰need.Not余分なスペースがあるのイメージをスティックすることができますことはできません スペーサー画像は、このnullのALTテキストを使用します。一部のウェブサイトで威張って"="スペーサー画像のスティック。この方法は、スクリーンリーダーのユーザーの場合は特に、あなたの行に10人を持っていることができます迷惑な想像。スクリーンリーダーは、と思います 行の"画像、スペーサー、画像"10回（スクリーンリーダーは、通常の単語は、そのALTテキストを読み込む前に、"イメージ"、） -役に立たない今ではです！他のウェブ開発者が単にAltキーを除外すると言う スペーサー画像（そして、おそらく他の画像）の属性です。このケースでは、ほとんどのスクリーンリーダーは、ファイル名、これが'newsite可能/画像/アウト読み取られますonepixelspacer.gif'。スクリーンリーダーは、このイメージを発表する "画像、newsiteスラッシュ画像を1ピクセルのスペーサーのスラッシュ"のGIFドット。ある場合は10、これらの行に表示されたこのような内容のサウンドと想像しなさい！箇条書きと段落iconsBulletsとアイコンとほぼ同じように扱われる必要があります ように割り当てる必要がありますがnullの代替テキスト、またはAltスペーサー画像として、=""。ファンシー箇条書きの各項目を進めているアイテムのリストについて考えてみよう。 ALTテキストの場合、'ブレット'各画像にして、"イメージ、割り当てられている 弾丸"と声を出して、スクリーンリーダーによって、各リスト項目の前には、もはやlist.Iconsを介して、通常は、=""。多くのウェブサイトでAltキーを割り当てる必要がありますリンク、補完するために使用される作業をするためにビットを取るを読み取り専用になります これはアイコンがリンクテキストの横には、アイコンのALTテキストとしては、リンクテキストを使用する場所です。スクリーンリーダーは、最初とし、それだからだと思います2回、次のリンクは、リンクテキストは、ALTテキストを発表することを明らかに としては、CSSのドキュメントを介して、背景画像-これは、HTML文書から完全ので、任意のAltキーの必要性を削除するに削除希望を呼び出す必要がありますが必要（理想的には、行頭文字とアイコンではない 説明です。）装飾imagesDecorative画像もnullの代替テキスト、またはAltキーを割り当てる必要があります=""。画像の場合、純粋な目の保養してあるスクリーンリーダーのユーザーは必要ありませんでも、そことは知っていることださ その存在を通知するだけノイズにpollution.Converselyを追加すると、あなたのサイト上の画像をブランドアイデンティティを作成し、このグループを否定しているスクリーンリーダーのユーザーからそれらを隠すことが言える ユーザーは、同じ経験を。アクセシビリティの専門家は、元の引数を支持する傾向にありますが、確か後者too.Navigation＆テキストimagesNavigationメニュー内の空想を必要と組み込みのための有効なケースです テキストしかないイメージ内のテキストを埋め込む必要があります。このような状況では、ALTテキストを画像の上で展開するために使用すべきではない。いかなる状況下で、Altキーを押し、テキスト、'すべての記事を読むと言う必要が我々のファンタスティック サービスの場合、'は、すべてのお手伝いをするように設計。場合は、メニュー項目によると、'サービス'をALTテキストにも'言う必要がありますサービス'。 ALTテキストは、常にイメージのコンテンツを記述する必要があるテキストを繰り返す必要があります 単語のための単語。場合は、ナビゲーション上で、このような、この例のように展開する場合は、タイトルattribute.The同じパスワードを使用できますが、他のテキスト埋め込み用の画像に適用されます。 ALTテキストは、単に繰り返す必要があります -のための単語、テキストは、イメージ内に含まれている。（特にフォントが使用されて特に、それは頻繁に埋め込むテキストを画像に-高度なナビゲーションと背景効果は不要なの一意のは今を達成することができますワード CSSを使用した。）会社logoWebsitesでどのようにロゴにALTテキストを適用する変化する傾向がある。いくつかの、'と言う会社名'、他の人の会社名ロゴ'、および画像（通常のリンクに戻るホームページへ）の機能を説明する他、 'home'を先頭へ戻る。覚えて、ALTテキストは、常に最初の例のようにイメージの内容を記述する必要があります、アルト="会社名"は、おそらく最高です。場合は、ロゴを、この効果的にすることができます戻るリンクのホームページです タイトルの効果的なALTテキストtag.ConclusionWritingを通じて伝達も難しくはありません。もしそれが装飾的なイメージは、nullを代替テキスト、またはALT =""は通常、 - 、これまでのALT属性を省略することに使用されるべきです。 画像の場合はその後、ALTテキストは単にこのテキストは、ワードのための単語を繰り返すようにテキストが含まれます。覚えて、Altキーを押し、テキストとは何more.Doもまた、短期対策として、ALTテキストを維持することを確認されるイメージのコンテンツを記述する必要があります 可能な限り簡潔に。 Webページへのスクリーンリーダーで聴くより、従来の方法よりも、その肥大化し、不要なALTとのサーフィン経験をスクリーンリーダーのユーザーの苦痛を軽減するしないがかかる text.This記事トレントンモスによって書かれました。彼はウェブユーザビリティやアクセシビリティについてはクレイジーだ-だから彼が行った狂気と彼自身のWebユーザビリティやアクセシビリティのコンサルタント（Webcredible -開始
記事のソース: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
ウェブマスター向けのHTMLコードを取得
この記事を追加してお客様のウェブサイトを今しなさい！
ウェブマスター向けの記事を送信してください
登録の必要なし！フォームに記入してください Messaggiamo.Com 記事は、ディレクトリ！
