You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Background images can be included with the following CSS properties:
background,
background-image,
content, combined with the ::before and ::after pseudo-elements,
list-style-image.
アクセシビリティの考慮
CSS で生成されるコンテンツは、 DOM には含まれません。そのため、これはアクセシビリティツリーでは表現されず、支援技術とブラウザーの組み合わせによってはアナウンスされないことがあります。そのコンテンツがページの目的を理解する上で重要な情報を含んでいるのであれば、メイン文書に含めたほうが適切です。
WG2 で出た話ですが、達成方法C9の以下の記述
https://waic.jp/docs/WCAG21/Techniques/css/C9
content プロパティが挙げられているが、content プロパティは背景画像ではなくコンテンツとしての画像を指定するものではないかという話が出ました。CSS Generated Content Module Level 3 では代替テキストを指定する方法もあり ( https://www.w3.org/TR/css-content-3/#alt )、最新の Chrome は対応しています。
Chrome + NVDA や PC-Talker + NetReader はこれに対応しているようで代替テキストを読むようです。また、代替テキストがない場合も「イメージ」などと読んで画像の存在を伝えるようです。
なお対応する原文は以下。
原文からして書いてあるので、翻訳の誤りではありません (原文にない括弧が補われているのは翻訳の問題かもしれない)。
訳注でフォローするべきでしょうか。
The text was updated successfully, but these errors were encountered: