画像の“alt”属性を可視化する「Google Chrome」拡張機能「Alt & Meta viewer」

「Alt & Meta viewer」v5.4

　「Alt & Meta viewer」は、「Google Chrome」で閲覧しているWebページのメタ情報や画像タグの“alt”属性といった情報を手軽に確認できる拡張機能。編集部にてWindows 8.1上の「Google Chrome」v44.0.2403.157で動作を確認した。“Chrome ウェブストア”から無償でダウンロードできる。

　本拡張機能を利用すると、Webページ上の“img”タグに設定された“alt”属性と“title”属性をツールチップで可視化することが可能。“alt”属性は画像が表示できない場合の代替（alternative）として表示するテキストを指定し、“title”属性は画像の説明が記述されている。“alt”属性と“title”属性はどちらも視覚障害者が利用する音声ブラウザーで読み上げられることもあり、アクセシビリティの点でも重要だが、本拡張機能はそれらの記述漏れがないかを視覚的に確認したりする場合にも役立つだろう。

　利用するには、まず拡張機能のボタンをクリックする。するとポップアップが現れるので、［画像の Alt 表示］ボタンを押そう。画像に黒いツールチップが追加され、“alt”属性と“title”属性が表示されるようになる。画像の表示サイズが確認できるのも便利だ。再び“alt”属性と“title”属性を非表示にするには、ポップアップ上の［×］ボタンを押せばよい。

　そのほかにも、Webページの“meta”要素に記述されている内容をチェックするのにも利用することが可能。拡張機能のメニューにある［Title Meta 表示］ボタンを押せばポップアップウィンドウが現れ、当該ページに記述された“meta”要素を確認できる。

Webページ上の“img”タグに設定された“alt”属性と“title”属性をツールチップで可視化

Webページの“meta”要素に記述されている内容をチェック