svg-image-text-alternative-present

SVGの<image>にはテキストによる代替がある必要があります

SVGの<image>要素が、<title>要素またはARIAによるアクセシブルな名前によって、テキストによる代替を提供していることを確認します（<desc>要素だけでは数に入りません）。

適用範囲：支援技術に公開されるSVGの<image>要素に適用されます。それ以外の理由でアクセシビリティツリーから隠されている要素も、タブで移動可能であるか、IDREFの関係で参照されている場合は、引き続き対象になります（エンジンの対象判定による）。role属性がpresentationまたはnoneに解決される（既知のロールの最初のトークンで、大文字と小文字は区別しません）SVGの<image>要素は、フォーカス可能でない場合に限り除外します。

期待される結果：対象となる各SVGの<image>要素が、次のいずれかによってテキストによる代替を持っています。

• 空でない直接の子要素<title>、または
• アクセシブルな名前（aria-label / aria-labelledby / title属性）。

SVG-AAMの読み方に従い、子要素の中での位置にかかわらず、最初の<title>の子要素が数に入ります。<desc>の子要素は数に入りません。svg-text-alternative-presentと同じく、SVG-AAMはそれを名前ではなく、アクセシブルな説明に対応付けるためです。

例

<svg width="40" height="24">
  <image href="logo.png"><title>Logo</title></image>
</svg>

<svg width="40" height="24" aria-label="container">
  <image href="logo.png"></image>
</svg>

ソースコードを見る