ALTの空欄が効率的に見つかるAlt & Meta viewerがわりと便利

ALTの空欄が効率的に見つかるAlt & Meta viewerがわりと便利

梅雨が空けてますます暑くなってきましたが、お休みも多い8月なので体調管理には注意したいyanagimachiです。バシャログ。をご覧のみなさまもどうぞ体にお気を付けください。

さてさてコーディング作業をしたら、ALTチェックすると思います。
私はALTが合っているかどうかを調べるのにChromeのプラグインのPopup Image Alt Attributeを使っています。
画像をマウスオーバーをすると、ALTが表示されるものです。
20160802_yanagimachi_02.jpg

しかし、

  • 画像に何かがかぶっていたりするとマウスオーバーの対象にならない
  • 一々マウスオーバーしなければならない
  • 抜けチェックもしたい
  • まるっと静的なHTMLなら検索で抜けチェックができるが、JSでappendしたりswigでパーツ管理をしていると検索だとかゆいところに手が届かない

と思って調べてみたら、ChromeのプラグインのAlt & Meta viewerを見つけました。
以前つかえる。チェックツールまとめ | バシャログ。でもご紹介していますが、ALTの空欄を調べる方法が載っていなかったのでご紹介します。

Alt & Meta viewerでALTの空欄を調べる方法

1. Chromeの右上にある20160802_yanagimachi_03.pngをクリックして、「画像のAlt表示」を選択します。

20160802_yanagimachi_04.jpg

ここでALTのポップアップはすべて表示されます。 20160802_yanagimachi_05.jpg

  1. 右上に「AltなしXX個」という表示が出ます。

20160802_yanagimachi_06.jpg

  1. 「AltなしXX個」をクリックすると、ALTが空欄の画像リストが表示されます。

20160802_yanagimachi_07.jpg

  1. リストの画像をクリックすると画像がある個所に移動することができます

これでALTの空欄チェックが簡単にできますね!

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ