画像altの点検では空欄をすべて埋めればよいわけではありません。情報を伝える画像、リンクやボタンとして働く画像、装飾だけの画像では、必要な説明が違います。
一括点検では機械が拾える状態を先に整理し、採用する文言は記事の文脈で判断します。メディア一覧のalt_textと、挿入済み本文のimg要素も分けて確認します。
目次
未指定と空のaltを分ける
alt属性がない画像と、alt=””を意図して付けた画像は同じではありません。WAIは装飾だけの画像には空の代替テキストを用いる考え方を示しています。
情報画像なら要点を短く説明し、機能画像なら見た目より操作や行き先を伝えます。ファイル名や検索語をそのまま並べるのではなく、画像がその記事で担う役割を見ます。
保存HTMLを使った点検例
次は架空の3画像を読むだけのPython例です。外部通信やWordPressの更新は行いません。
from html.parser import HTMLParser
class ImageCheck(HTMLParser):
def __init__(self):
super().__init__()
self.missing = 0
self.empty = 0
def handle_starttag(self, tag, attrs):
if tag != "img":
return
values = dict(attrs)
self.missing += "alt" not in values
self.empty += "alt" in values and values["alt"] == ""
sample = '<img src="diagram.png" alt="下書き保存の流れ"><img src="line.png" alt=""><img src="photo.png">'
check = ImageCheck()
check.feed(sample)
print(f"未指定: {check.missing} / 空文字: {check.empty}")この入力では未指定が1、空文字が1になります。空文字が誤りかどうかや、説明が画像の内容に合うかは判定していません。件数の抽出と文言の採否を別の工程にします。
記事ごとに修正候補を作る
同じ画像が複数の記事で使われている場合も、文脈が同じとは限りません。メディア側を直しただけで挿入済みの本文も更新されたと決めず、対象の記事のHTMLを確認します。
スクロールできます
| 記録項目 | 確認する内容 |
|---|---|
| 記事URL・画像URL | どの記事のどの画像か |
| 役割 | 情報、機能、装飾のどれか |
| 現在のalt | 未指定か空文字か、どの説明があるか |
| 修正候補 | 本文の文脈から必要な情報を短く記入 |
| 確認結果 | 採用、維持、要確認を分ける |
一括更新の前後で見るところ
候補一覧を見て、装飾画像へ不要な説明を追加していないか、画像リンクの行き先が分かるかを確認します。修正前の値を控え、少数の記事で保存後のHTMLを見比べます。
altを整えたことだけでSEO効果や順位を保証するものではありません。読者が画像を見られない場合にも必要な情報を得られるかを基準にし、検索語の数や空欄の件数だけを成果にしないようにします。
