canvas-text-alternative-present
<canvas>は代替テキストを提供する必要があります
automaticWCAG 1.1.1 (A)確度:high重大度:seriousperceivable
<canvas>要素が、フォールバックコンテンツまたはアクセシブルな名前によって代替テキストを提供していることを確認します。
適用範囲:アクセシビリティツリーに含まれる<canvas>要素に適用されます。隠された要素は、フォーカス可能かどうかにかかわらず除外されます。
期待される結果:対象となる各<canvas>が、フォールバックコンテンツまたはアクセシブルな名前によってテキストによる代替を提供しています。ただし例外が2つあります。
- role="img"(role属性のうち既知のロールを指す最初のトークンで、大文字と小文字を区別せずに照合)はcanvasの子要素をプレゼンテーション扱いにし、名前は作成者からしか得られないため、フォールバックコンテンツは認められません。aria-labelledby、aria-label、またはtitleで名前を付ける必要があります。
- role="none"/"presentation"(同じ方法で解決)はcanvasを装飾として示し、合格します。canvasがフォーカス可能な場合やaria-label/aria-labelledbyを持つ場合はロールが無視され(プレゼンテーションロールの競合)、そのcanvasはほかと同じように判定されます。
例
pass
<canvas>Chart summary</canvas>
タグの間のフォールバックコンテンツが代替テキストを提供しています。
fail
<canvas></canvas>
フォールバックコンテンツもアクセシブルな名前もありません。