2010-12-05 40 views
4

W3cは、アクセシビリティのためにウェブサイト内のすべての画像にaltを使用するよう指定しています。 JavaScriptメニューや背景画像、または空白の画像(デザインや一般的な目的で使用されている画像)では、どのようにイメージを設定できますか?画像にaltを含める必要がありますか?

+0

elemにセマンティクスがない場合は、 'alt =" "'、あなたは良いです。 – vaxquis

答えて

8

altアトリビュートが<img>タグである必要がある場合は、マークアップを有効にする必要があります。背景画像と弾丸は化粧品に過ぎず、代用品はコンテンツの一部ではないため、表記する必要はありません。

+3

また、空のaltタグを指定することもできます。画像がテキストコンテンツを表していない場合は、alt = "" – Mig

+0

ありがとうMiG。その有用な。 –

0

画像を記述するだけです。スクリーンリーダーを使用している人にとっては、どういうことが明らかになっていますか? 箇条書きや書式設定のデバイスで、読者は無視しても問題ありません。

2

<img ...>タグのalt属性を設定して、スクリーンリーダーを使用しているユーザーが画像にアクセスできるようにします。装飾的な画像(背景や箇条書きなど)には説明が必要ではありません(スクリーンリーダーを使用して視覚障害者が混乱するだけです)。しかし、グラフがある場合は、グラフ。それを記述するために多くのテキストが必要な場合は、longdesc属性を使用して、イメージを記述する別のファイルにリンクします。

0

altの全体のポイントは、あなたのサイトにアクセスできるようにすることです。イメージがあなたのサイトのコンテンツにとって重要なもの(例えば、リンク、誰かが投稿したもの、テキストに記載されているものなど)であれば、誰もがそのものが何であるかを知ることができます。箇条書きの点や空白の画像は実際にこの基準を満たしていないので、そのままaltのままにしておくことができます。 javascriptメニューの箇条書きは、CSSとレイアウトの両方で行われると想定されているので、いくつかのフープを飛び越していると感じたら、その価値があると考えるならば、コードを検証することができます。

+0

longdesc属性は、主要なブラウザでサポートされていません。それを使用する方法? –

+0

あなたが開発したい分野で広くサポートされていない場合、私はそれをあまり使用しません。さらに詳しい情報が必要な場合は、別の質問をしてください。 :D –

関連する問題