WCAG 2.0 実装方法集

メインコンテンツへスキップ

-

H67: 支援技術が無視すべき画像の img 要素で、alt属性値を空にして、title 属性を付与しない

適用(対象)

画像を読み込むHTML及びXHTMLドキュメント

これは、次の達成基準に関連する実装方法である:

解説

この実装方法の目的は、支援技術が無視できるように画像をマークアップする方法を示すことである。

title 属性が使用されておらず、代替テキストが空に指定されているなら(例 alt="")、それは画像を無視して差し支えないことを支援技術に示している。

注記:alt=" " のように代替テキストとして空白を入れてもよいが、alt="" のように代替テキストを空にする方が望ましい。

注記:alt属性の代替テキストを 「空」にするのと、alt属性が指定されていないことは同義ではない。

事例

事例 1

次の画像は、ウェブページに装飾のための画像を挿入するのに使用される。

コード例:


<img src="squiggle.gif" width="20" height="20" alt="" />

参考リソース

この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。

(現時点では何も示されていない。)

検証

チェックポイント

無視されるべき各画像に対して、

  1. title 属性がない又は空である。

  2. alt 属性が存在して、空である又は空白だけを含む(&nbsp;は除く)。

判定基準

注意: この実装方法が「達成基準を満たすことのできる実装方法」の一つである場合、このチェックポイントや判定基準を満たしていなければ、それはこの実装方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の実装方法によってその達成基準が満たされていることもありうる。

日本語訳における注記:

この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。