2

私はWCAG 2.0 Technique H30を読んでいました。

手順は次のように述べています。

この手法を使用するコンテンツ内の各リンクについて:

  1. テキストまたは非テキスト コンテンツの代替テキストが a 要素に含まれていることを確認する
  2. img 要素が a 要素の唯一のコンテンツである場合は、代替テキストがリンクの目的を説明していることを確認してください
  3. a 要素に 1 つ以上の img 要素が含まれ、img 要素の代替テキストが空の場合は、リンクのテキストがリンクの目的を説明していることを確認してください
  4. a 要素にテキストのみが含まれている場合は、テキストがリンクの目的を説明していることを確認してください

ポイント 2 に焦点を当てました。に属性があり、代替テキストがない場合はどうなるでしょうかimg。alt

たとえば、次のコードはその技術要件を満たしていますか?

<a href="http://www.mystite.com"> 
  <img src="http://www.mystite.com/myimage.jpg" alt="Description of the image" />
</a>
4

2 に答える 2

3

あなたの例はテクニックを満たしていないと思います。

あなたのa要素には要素しか含まれていませんimg。H30 によるとalt、この画像の属性には、画像自体ではなく、リンク ターゲットに関する情報が含まれている必要があります。

http://www.w3.org/TR/WCAG20-TECHS/H30.html#H30-description :

画像がリンクの唯一のコンテンツである場合、画像の代替テキストはリンクの独自の機能を説明します。

于 2013-05-26T13:26:52.217 に答える
0

私の理解では、alt 属性は画像を説明するテキスト「alt」です。これは、マウスを画像の上に置くと表示されるものであり、画像がレンダリングされていない場合、またはユーザーがテキストから言語へのトランスレーターを使用している場合に表示されるものです。はい、あなたが与えた例は規則に準拠しています。

良いリファレンスは、私が見つけたこのスタック オーバーフローの回答です。それを行う方法を示すのに役立ちます。

私はスクリーン リーダーのユーザーであり、良い例と悪い例の両方として Stack Overflow を使用します。

Alt タグは簡潔で説明的なものにする必要があります。たとえば、スタック オーバーフローの賛成票と反対票のオプション用の alt タグは、読むのに時間がかからず、すぐに要点に到達するので便利です。悪い alt タグの例は、この質問をお気に入りにして、この回答を受け入れることです。どちらのタグも説明的なものではありません。お気に入りのタグは「*」のみで、回答の受け入れタグは「チェック」です。それらが何であるかを知る唯一の方法は、ソースを読むか、誰かに目撃してもらい、それらが何であるかを教えてもらうことです。為に。

タイトル属性に関する限り、あまりアドバイスはありません。私のスクリーン リーダーはデフォルトでは読み上げないので、通常は使用しません。役立つ可能性のあるものの例として、追加情報があります。たとえば、回答率が非常に低いのは、質問に対する回答を受け入れたかどうかを判断する方法がないためです。この回答を受け入れるグラフィックのタイトル属性に、回答が受け入れられなかった場合は「クリックしてこの回答を受け入れてください」、受け入れられた回答である場合は「クリックしてこの回答を受け入れられた回答として削除してください」のように表示されるとよいでしょう。 .

于 2013-05-24T15:46:14.863 に答える