デフォルトのはてなスター強制置換えユーザースタイルシート

参考:デフォルトのはてなスター強制置換えグリモンを書きました。 - IT戦記
置き換えるだけなら、ユーザースタイルシートもありかなと。

@namespace url(http://www.w3.org/1999/xhtml);
img[src="http://s.hatena.ne.jp/images/star.gif"],
img[src="http://s.hatena.ne.jp/images/star-green.gif"],
img[src="http://s.hatena.ne.jp/images/star-red.gif"],
img[src="http://s.hatena.ne.jp/images/star-blue.gif"]{
  height: 0;
  width: 0;
}

/* 黄色のスター */
img[src="http://s.hatena.ne.jp/images/star.gif"]{
  /* 画像サイズ */
  padding: 16px 16px 0 0 !important;
  /* 画像の指定 */
  background: url("http://www.hatena.ne.jp/users/na/naoya/profile_s.gif");
}

/* 緑のスター */
img[src="http://s.hatena.ne.jp/images/star-green.gif"]{
  padding: 16px 16px 0 0 !important;
  background: url("http://www.hatena.ne.jp/users/se/secondlife/profile_s.gif");
}

/* 赤のスター */
img[src="http://s.hatena.ne.jp/images/star-red.gif"]{
  padding: 16px 16px 0 0 !important;
  background: url("http://www.hatena.ne.jp/users/da/dankogai/profile_s.gif");
}

/* 青のスター */
img[src="http://s.hatena.ne.jp/images/star-blue.gif"]{
  padding: 16px 16px 0 0 !important;
  background: url("http://www.hatena.ne.jp/users/jk/jkondo/profile_s.gif");
}

こちらは、画像のピクセルサイズに応じてそれぞれ変更させる必要があるので、ちょっとメンドイですが。


[どうぞご利用ください。]

参考リンク

Firefoxでユーザースタイルシートの設定をするならこちらが便利です。



ただ、画像が変更できるでしょ、はい終わり……という問題でもないので難しいところ。
私自身で言えば、視覚ではなく聴覚ですが片方の耳が聞こえないという障害があるので、表現と身体的な条件との兼ね合いには健常者よりも考えているつもりではありましたし、色覚弱者に関する知識もあったのですが、「知識止まり」また「つもり」で終わってたので、改めてきちんと意識しないといけないなぁ、と今回思い直した次第*1

*1:私もGreasemonkey公開デザイン等 作ったりするので