2017-04-18 2 views
-1

ページには、そのカバーページとともに書籍のリスト(名前と著者のみ)があります。(書籍の)画像のリストに使用する代替テキスト

これらの画像にはどのような代替テキストを使用しますか?

私は大きなオランダのオンラインウェブショップを見てきました。このウェブショップには、製品イメージの中に製品の名前があります。

私は誰かがスクリーンリーダーを持っていたときに持って良いでしょうか疑問

私は、製品の多くとアマゾン上のすべてのアイテムページの「商品詳細」を見てきました(そう、それらはすべて同じaltテキストを持っています)。私はそれを空白にして無視されるべきなのでしょうか?それは怠け者だと思うが、スクリーンリーダーが30冊の本を読んで、それがすべての本で「これは表紙画像である」かタイトル(これも読んでいるので私は空白のalt属性を使用することになり

+-----------------+ 
|     | Night Circus 
|     | Erin Morgenstern 
|     | 
|     | ISBN 
|     | A story of something or other, though 
|     | I cannot be sure as the book is too 
|     | far away to see clearly. 
|     | 
|     | 
|     | 
+-----------------+ 

:それはこのようになりますレイアウトを考えると

+0

イメージの最適な代替テキストを決定するほとんどの場合は、コンテキストに依存しています。投稿するスクリーンショットやサンプルコードはありますか? – aardrian

+0

レイアウトスケッチ以外は何もありません。各コラムにブックカバー(約100ピクセルの高さ)の小さなサムがあり、その横にブックのタイトルとブックの著者がある3列のテーブルです。これはhttp://www.nybooks.com/ipl/のようなものですが、テキストは少ないです。 – Michel

答えて

1

)ので、それは二度読みされるだろう、本の段落の始まりです。タイトル/著者の記載は冗長であり、何も追加しません。あなたのサイトがセールスポイントとしてカバーアートをピッチングしている場合は、各イメージのカスタム代替テキストを作成します。しかし、私はここに収まるとは思わない。

大部分のスクリーンリーダーユーザーにとって冗長な代替テキストは欲求不満です。

+0

ありがとうございます。セールスポイントではありません。 – Michel

+0

空のaltタグはスクリーンリーダーによって無視されますか? – Michel

+0

はい。もう少し正確である(いくつかの要素/属性で重要な意味を持つ)ために、空の 'alt'属性を持つ' 'はスクリーンリーダーによって無視されます。または ''。 – aardrian

1

画像がdefinition of pure decoration per WCAG 2.0を満たしている場合は、説明のとおり、空のalt属性が適切です(alt="")。補助的な技術によって画像が無視されるようにするには、title属性がないこと、または空であることも確認する必要があります。参考までにWCAG technique H67を参照してください。

+0

ありがとうございます – Michel

関連する問題