Skip to content

装飾画像を無視させる方法についての記述を修正 - #434

Open
ymrl wants to merge 1 commit into
freee:developfrom
ymrl:fix/decorative-image-ignore-methods
Open

ymrl wants to merge 1 commit into
freee:developfrom
ymrl:fix/decorative-image-ignore-methods

Conversation

@ymrl

@ymrl ymrl commented Sep 3, 2026

Copy link
Copy Markdown
Member

概要

情報や機能性を持たない画像を無視させる方法についての記述に、以下の問題があったため修正した。

  • aria-label 属性の値を空にしても、その要素はアクセシビリティーツリーから除外されない
  • デザインチェック(設計資料の確認)において、具体的な実装手段を列挙することは不適切(重要なのは「この画像は無視してよい」という意図が明示されていること)
  • コードチェックにおいて、 role="none" が併記されていない、また img 要素か否かで方法が異なる点が明確でない

変更内容

data/yaml/checks/design/0451.yaml

具体的な手段の列挙をやめ、「スクリーン・リーダーなどの支援技術に無視させるべきことが設計資料で明示されている」ことを確認する内容に変更した。

data/yaml/checks/code/0461.yaml

要素の種類ごとに適切な手段を明示するよう変更した。

  • img 要素の場合は、空の alt 属性( alt="" )を指定
  • img 要素以外の要素で画像を表現している場合は、 role="none" または role="presentation" を指定
  • CSSで背景画像として指定

- 0451(デザインチェック): `aria-label` を空にしても無視されないため、
  具体的な手段の列挙をやめ、「支援技術に無視させるべき」という意図の
  明示を求める内容に変更
- 0461(コードチェック): 要素の種類ごとに適切な手段を明示し、
  `role="none"` を併記

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant