あ、ここ読み上げやキーボード操作ではアクセスできないのかと思ったら、 img の parent が span なんですよ。えっこれ a にしない理由がまるで無いじゃん。 button 要素にすると、装飾を駆使してもクロス環境では意図した表現にならないことがあるのは分かる。 span は無名インライン要素やんけ… a にするデメリットが完全に全くこれっぽっちも無いのに、 JavaScript の click イベントしか attach されていない。フォーカスしたい。
もうほんとこういうアイコンのボタンっぽい何かは button か a にしろなんかいくらでも言われていたことなのにさー、増田側はいにしえの記述方法だからむしろマシンリーダブルで扱いやすいが、はてブリニューアルでアクセシビリティが損なわれたんですよ。自分ならその事実(自分がサイトのアクセシビリティを下げた。なんならログアウトメニューにアクセスできなくもしたので安全性も下げた)を知ったら辛すぎるわ。いやでもハンバーガーメニューとかが流行ったときにそういう言説はすごい出ていたし、どんなに嫌でも目に入るでしょうし…。