area-alt-quality
<area>のテキストによる代替は適切である必要があります(手動レビュー)
空でないテキストによる代替(alt、aria-label、aria-labelledby、またはtitle)を持つ<area>要素を、内容が適切かどうかの人によるレビュー対象として報告します。名前がファイル名、URL、プレースホルダー、「image of」のような書き出しに見える場合や、非常に長い場合は、その旨も示します。
適用範囲:いずれかの取得元から空でないテキストによる代替を得る<area>要素に適用されます。取得元はaria-labelledby(テキストに解決されるもの)、aria-label、alt、titleです。<area>は空でないhrefを持ち(持たない場合、HTML仕様上そもそもハイパーリンクではありません)、<img usemap>が実際に参照している<map>に属している必要があります(照合はHTMLの方式に従い、「#」とマップのidまたはnameで、大文字と小文字を区別します)。使われていないマップ内の<area>は対象外です。参照元の<img>は実際にレンダリングされている必要があり(hidden、display:none、visibilityは除外しますが、<area>は<img>のDOM上の子孫ではないため、aria-hiddenは除外しません)、<area>自身も対象となる状態でなければなりません。<area>やその<map>に付いたhidden、display:none、inertでは除外されません。どれもボックスを生成せず、実際のブラウザーのイメージマップのクリック判定はそこでは3つとも無視するためです(ChromiumとFirefoxで確認済み)。<img>と<map>の組全体の本当の祖先にこれらの仕組みがある場合だけ除外されます。role="presentation"/"none"は、フォーカス可能でない限り要素を対象外にします。
期待される結果:提供されている代替テキストが正確かつ適切であることを、人がレビューして確認する必要があります。各検出箇所は存在するすべての取得元を一覧にする(data.details.sources)ため、レビューする人はそれぞれを確認します。名前になっていないtitleやaria-labelも、一部のユーザーには届くからです。名前については、img-alt-qualityルールがaltについて確認するのと同じ点も確認します(helpers.getTextAlternativeSignal)。ファイル名、URL、記号のみ、プレースホルダーや汎用的な語、画像であることを述べる書き出し、150文字を超える長さです。そのような名前には専用の概要とヒントが付きますが、検出結果はcantTellのままです。
検出結果が報告する内容:
reasonCode:手がかりにかかわらずTEXT_ALTERNATIVE_REVIEWです。name:エリアが最終的に持つテキストによる代替です。sourcesの最初のソースから取られます。sources:エリアが持つテキストのソースのそれぞれで、名前に使われる順にaria-labelledby、aria-label、alt、titleです。altSignal、およびtoo-longの場合のlengthとlimit:img-alt-qualityと同様に、名前が説明以外のものに見えた理由です。名前が通常のものである場合はありません。alt(alt属性を持つエリア):altテキストです。
これらのdata.detailsのフィールドは、検出結果を読み解き、再現するのに役立ちます。reasonCodeと、出力スキーマで安定と明記された一部のフィールドを除き、安定した契約ではありません。マイナーリリースで名前が変わったり、なくなったりすることがあるため、これらに依存した実装はしないでください。
例
<img src="office-map.png" usemap="#floorplan"><map name="floorplan"><area href="/rooms/12" shape="rect" coords="0,0,40,24" alt="Room 12"></map>
使われているイメージマップ内の領域に空でないテキストによる代替があります。「Room 12」がその領域に対して正確かどうかを確認する価値があります。aria-label、aria-labelledby、titleも同じように確認対象となり、各検出箇所には見つかった取得元が一覧で示されます。
<map name="unused"><area href="/rooms/12" shape="rect" coords="0,0,40,24" alt="Room 12"></map>
このマップを参照する<img usemap>がないため、areaはヒットテストもレンダリングもされず、対象外です。
確認方法
このルールが判断できない場合はcantTellを報告し、判断を人に委ねます。ルールが投げかける各質問を、理由コードごとに、答えるための手順とともにここに示します。検出結果にも同じ手順がhowToCheckとして、スキャンの言語で含まれます。出力スキーマを参照してください。
TEXT_ALTERNATIVE_REVIEW
- レポートに示されたイメージマップの領域を見つけ、それが覆う画像の部分を確認してください。
- それをクリックするかリンクをたどり、どこに移動するかを控えてください。
- 領域のテキストによる代替(およびレポートに示されたほかのすべての情報源)を読み、リンク先や領域が何かを伝えているか確認してください。
満たす場合:テキストによる代替が、領域に合った言葉でリンク先を利用者に伝えています。
満たさない場合:テキストによる代替が誤っている、汎用的である、ファイル名である、またはリンク先を伝えていないため、WCAG 1.1.1を満たしません(H24)。