HTML_CodeSnifferはウェブアクセシビリティ改善のためのブックマークレットです。

Webは限られた人たちのものではなく万人向けのものであるべきです。そこで考えられるべき項目として障害のある人に対するアクセシビリティです。そのチェックに使えるブックマークレットがHTML_CodeSnifferです。

[![](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 14.57.49_thumb.1356503623.png)](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 14.57.49.1356503623.png)
実行すると右上にフローティングウィンドウが出ます。エラー、警告、通知の3つに分けてポイントが出ます。もちろんポイントが少ない方が良いです。

[![](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 14.57.58_thumb.1356503627.png)](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 14.57.58.1356503627.png)
各項目の説明を見られます。これらはW3Cのウェブコンテンツ・アクセシビリティ・ガイドラインに則っています。

[![](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 14.58.17_thumb.1356503630.png)](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 14.58.17.1356503630.png)
指摘されている箇所を確認できるマーカーも出ます。

[![](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 15.00.17_thumb.1356503633.png)](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 15.00.17.1356503633.png)
MOONGIFTの場合…がっくりするくらいのエラー数です…。

アクセシビリティと漠然と言われてもなかなか具体的な施策が思いつきませんが、エラーや警告という形で表してくれれば対応もとりやすくなります(数によりますが)。自社サイトがいかにアクセシビリティという観点から構築されているか確認してみてください。

HTML_CodeSnifferはJavaScript製のオープンソース・ソフトウェア(BSD License)です。

MOONGIFTはこう見る

HTML_CodeSnifferはアクセシビリティ向上のためのノウハウをソフトウェアという形式で公開しているソフトウェアになります。いわばオープン・ナレッジなソフトウェアです。個人的にはこの手のソフトウェアが今後注目を集めていくのではないかと考えています。

ある目的を達成したいと考えている人たちがいる時に、それをメディアとして啓蒙していくだけでは足りなくなっています。より具体的な機能として広めていくことでより良い世界になっていくのではないでしょうか。

HTML_CodeSniffer

squizlabs/HTML_CodeSniffer · GitHub