マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS

Post on:2013年7月10日

sponsors

ブラウザで表示しているページのアクセシブルではないマークアップ、validでないマークアップ箇所を指摘してくれるブックマークレットを紹介します。

DiagnostiCSSでチェックできるのは、以下の項目です。

ページで実行すると、赤い枠で囲まれます。

altがないとか、インラインスタイルを使ってるとか。

name属性がないとか。

DiagnostiCSSを利用するには、ブックマークレットなのでブラウザのブックマークに下記の「DiagnostiCSS」をドラッグして登録します。

ブックマークにDiagnostiCSSを登録したら、あとはページを開き、ブックマークからDiagnostiCSSを選択するだけでそのページで実行されます。