FB良品の樋渡市長の顔写真がh3要素なのは不自然でも何でもない

FB良品(fb-ryohin.jp)というサイトがリニューアルオープンしたようですが、さっそくXSS脆弱性が発見されたり利用規約の不備やらで話題になっていますね。

このXSSは私も確認しましたが、あまりにも基本的な対処ができていないお粗末なシステムだと思います。

で、XSS以外にもいろいろ叩かれているわけですが、トップページの下の方にある樋渡市長の顔写真がh3要素でマークアップされていることを指摘する声が。

コピ・ルアク (@12648430) 2012年12月9日 18:24(Twitter)
TATSUMI, Takeo:辰己 丈夫 (@ttmtko) 2012年12月9日 20:29(Twitter)
Shinnosuke Takeda (@cnosuke) 2012年12月9日 21:52(Twitter)
オリジナル画像
図1FB良品トップページの樋渡氏の顔写真とコメントの部分

確かに、一見するとただの顔写真を見出しにするのはおかしいと思うかもしれません。しかし、HTMLを見てみると、こうなっています。

<h2 class="title3"><img src="/admin/upload/msdemo03/img/fb-top-potal02_77.jpg" width="536" height="40" alt="地元を愛するひとがこころをこめて送り出す品物" /></h2>
<h3 id="chairman"><img src="/admin/upload/fbryohin/img/hiwatasi.jpg" width="163" height="161" alt="武雄市長樋渡啓祐" />
</h3>
<p class="caption1" style="margin-top: 35px;">FB良品は、これまでのネットモールにて求められないような、隠れた銘品を購入できる、「地元密着型、物産通信販売サービス」です。…(以下コメントが続く)

「地元を愛するひとが…」というh2見出しの直下に樋渡氏の顔写真(hiwatasi.jpg)があり、その後に本文が続いています。

今はたまたまコメントをしている人が樋渡氏ひとりだけですが、もし今後複数の方がコメントを寄せる可能性も考えると、

  • それぞれに見出しを設定して、その直後に本文を記す
  • 順不同リスト(ul要素)を使う

のどちらかでマークアップするのが自然でしょう。そう考えると、たまたま一人であっても見出しを設定するというのは別におかしな事ではないと思います。仮に画像の代替テキストが空であったり、「樋渡啓祐の写真」などとなっていたらダメですが、このページは見出しとして適切な文言になっています。

最後に分かりやすく、スタイルシートを無効にして画像を非表示にしてみました。

オリジナル画像
図2CSSと画像を無効にした表示

まったく不自然ではないと思うのですが、いかがでしょうか。

ちなみにSEOはほとんど考慮されていないと思います。まずそもそもトップページにh1要素がないですし。