ITエンジニア/デザイナ向けにオープンソースを毎日紹介

SEOはまず文書構造を考える必要があります。スタイルシートで表示はカスタマイズできますが、それはクローラーには理解できませんし、スクリーンリーダーのようなアクセシビリティを考える際にも文書構造はとても大事です。

そこでWebサイトがスタイルシートを解除するとどう見えるのか、それを体験できるのがToggle css bookmarkletです。ブックマークレットなので扱いは簡単です。

Toggle css bookmarkletの使い方

こちらは元のサイト。

ブックマークレットを実行するとこうなります。

トグル、とついている通り再実行すると元に戻ります。

スタイルシートがない状態を確認するにはスタイルシートを無効にして再読込する必要がありましたが、Toggle css bookmarkletを使えばすぐその場で外したり、逆に戻すことができます。便利なツールではないでしょうか。

Toggle css bookmarkletはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

Hurtak/toggle-css-bookmarklet

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2