プラグイン対応にしました
え〜っとぉ、アップロードしてから何やかやと手直しばっかりしている私のテンプレートですが、今回プラグイン対応にしました。それに関して sugar さんから多大な助言をいただきました。ありがとうございます。
とりあえずいくつかのプラグインを入れてみて、まともに表示されるのは確認したのですが、なんせ数が多いのでとても全部は確認しきれません。なんか表示のおかしいプラグインがあったら教えて下さい。私の手に負える範囲で(^^)対処したいと思います。
ほんでそれから話は変わって、まあ最近HTMLやCSSの記述に興味を持ちだしたのだが、私がそれらを作成する時に、ささやかなこだわりがある。それは、
『どんな環境の人にでも見やすいサイトを作りたい』
最近のサイトってさぁ、小っちゃい文字のやつばっかりなんだわ。あんなの読めないぜ。なんたってわたしゃ老眼入ってきてるんだもん。しかもブラウザで文字サイズを拡大するとレイアウトがシッチャカメッチャカになってまともに見れなくなるものも多い。
んだからせめて私が作る時は、どんなサイズにしたって見やすいものを作りたいのだ。
そしてもう一つ。
『音声ブラウザで読み上げた時にストレス無く読み上げられるサイトにしたい』
音声ブラウザってのは、全盲の方がパソコンを使えるようにパソコンに映し出されている文字を読み上げてくれるソフトなのだ。
私がこのソフトの存在を知ったのはかなり以前のことだった。
それは今を去ること20年ぐらい前、まだインターネットなんてもんはなくてパソコン通信が全盛だった時代だ。
パソコン通信ってのは文字だけでやり取りする掲示板なんだが、まあ今風に言えば、ちょっと紳士的な『2ちゃんねる』みたいなもんだ。
そこの某掲示板に全盲の方が参加していた。その時に音声ブラウザの存在を知ったのだ。
ちなみにその方が参加していた掲示板は、『ミノルタ製カメラ』に関する掲示板だった。
そう、カメラのことや撮影方法のことを話し合う掲示板だったのだ。そこに全盲の方が参加されていた。
その方は、鳥のさえずりや木々の臭いや自分の感性で感じ取った何かの方向に、カメラを向けて写真を撮ろうとしていた。そしてその掲示板で色々なアドバイスや音声ブラウザの話などをされていたのだ。
私は特に書き込みをして参加していたわけではないのだが、すごい方がいるなーと思ってそのやり取りを楽しみにして見ていた。きっとあの方はまだ写真を撮っているのだろう。
さてさてそして比較的最近、バリアフリーWebデザインガイドと言うサイトを見つけた。ここには、音声ブラウザで読み上げしやすいサイトの作り方などの説明が具体的に書かれていた。
まあ色々とやっちゃあいけないことが書いてあるのだが、その中でも私がやってしまいそうな、てか実際にやっちゃってた事を二点ほど紹介しましょう。
なんか話があっちこっち脱線しまくっておりますが、まあいつものことなので我慢して下され。
やっちゃいけないこと
文字列の途中で空白や改行を入れない
んとね、音声ブラウザって、空白や改行があるとそこを文章の区切り、と解釈してしまうのだ。ひらがなの部分だったらまだいいが、漢字だったらまともに読み上げられなくなってしまう。たとえば
『旅行』だったら、ちゃんと『りょこう』と読み上げてくれるが、
『旅 行』みたいに間にスペースや改行が入ってしまうと『たび ぎょう』と読んでしまうのだ。「私はたびぎょうに行きました」なんて読まれたら何のこっちゃか分かんなくなってしまう。
やらなくちゃいけないこと
画像にはalt属性を指定する！
alt属性と言うのは、写真の代替テキスト。と言うものなのだが、音声ブラウザで写真の部分を読む時はその代替テキストを読み上げる。
たとえば、
<img src="picture.jpg" alt="旅行の写真">
となっていると、音声ブラウザでは「旅行の写真」と読み上げる。
しかし、
<img src="picture.jpg">
なんてことになってると、「あいえむじーえすあーるしーぴくちゃーどっとじぇーぴーじー」とか読んでしまうのだ。文章の途中でこんなわけ分からん記号を読まれた日にゃあ、うっとーしくてたまらない。
そして、リンクボタンを画像にしている場合は代替テキストで『どこそこのリンク』と書かなければリンクをまともにたどることもできない。
ちなみに、単なるマークや意味のない写真の場合は<img src="iminasi.jpg" alt="">と、alt=""だけ書いて、説明のところを空白（何も書かない）にすればいいらしい。
ほんでさぁ、このブログには写真がほとんどないからいいんだけど、私はもう一つ、旅行記のサイトも持っているのだ。そこには写真がいっぱいあるのだ。んで、ちまちまと代替テキストを書いたんだけど
これがむづかしい！！すんごいむづかしい！！
最初は『人の写真』『町の写真』とか書いていたのだが、それって何の説明にもなってないよな。なんかせっかくだから写真の臨場感とかを伝えたいのだ。んでもそれってメチャメチャ難しいのだ。
写真を見ることができない人の立場になって考えりゃいいんだけど、それがまた難しいのだ。なんかだんだん長ったらしい説明文になってくるのだ。
んでまあ、実は今でも暇な時にちょこちょこと書き直している。私の場合、いっぺんにやると最後まで集中力が続かないのだ。
えーーということで、なんかだらだらと長くなってしまいましたが、なんといいますか、せっかくの便利なインターネットなんだから色んな人が平等に利用できればいいなー。と思う今日この頃でした。
あぁーえーっとぉ、肝心のテンプレートのリンクを張るのを忘れてましたぁ！
ってことでリンクを張ろうとしたらアドレスがそれぞれの管理者ページから行かなきゃダメなので張れませんでしたぁぁあ。
ので、あの、興味のある方は、管理者ページの『共有テンプレートから新しくダウンロードする』をクリックしてから『blueyan』か『simblue』で検索して下さい。すんません。
やっとこさ承認されました。
いや〜「あんたのダメー」って言われなくて良かった。
ほんでさっそく見に行ったのだが、右上にある文字サイズの変更ボタンがちゃんと動かない！自分用に設定してたもんだからよそ様のブログじゃ動かないのだ！ほんでさっそく手直しした。
ほんでさぁ、なんかありがたいことにその時点で6人ぐらいダウンロードしてくれていたのだが、当然ボタンは効かないはずなんだわ。せっかくダウンロードしたのに「なんだよぉ、動かないじゃん」って怒っていると思うのだ。
まことに申し訳ござりませんが、ちゃんと動かない人はもう一度ダウンロードし直して下され。今度はちゃんと動くはずです。
それから、その文字サイズの変更なんだけど、変更するのに四つのファイルを使っている。そしてそのファイルは全部私のサイトにあるやつを利用しているのだ。
なんか使ってる人にしたら気ぃ悪いよなぁ。変な話、そのファイルを私がいたずらしたら、使ってる人のブログの表示をシッチャカメッチャカにすることだってできる。
とゆうわけで、そのファイルを自分のサイトの方へアップロードする方法と、それに伴うHTMLの書き換え方を新たに書き加えた。
ってことで、またまた初期の頃にダウンロードした人はその記述が入ってないですすいませんゴメンナサイ！たぶん11人目以降ぐらいの人のやつには記述が入っています。HTML部分の最初の方に書いています。
なんか最初っからてんやわんや状態だなー。ひょっとしたらまだなんか変なところがあるかもしれない。
え〜もし使って下さっている方で、「ここがおかしいぞぉー」ってな人がおりましたらお伝え下さい。明日っからお墓参りで2〜3日お返事できませんが、帰ってきてから対処いたします。
すんません。最終版は18人目以降になります。「この記事へのトラックバックURL」ってのを追加しました。ほんっとすんません。
javascriptを埋め込み式にして参照ファイルを三つに減らしました。
普通に使う分には何の変わりもありませんので、そのままお使い下さい。
すんませーん、二点ほど変更いたしました。
(1) ブログの説明（私のとこのは『日々見た夢を綴って、心の平安をたもとうか、とゆうブログ』とゆうやつ）の、右端を少し詰めました。ブログ説明文の長い方の見栄えを（少し）よくしたつもりです。
(2) 『最近のコメント』欄の表示を、記事タイトルからコメントタイトルに変更しました。すんません、私の好みです。←(8/21)プラグイン対応にしましたので、これは自由に変えられるようになるはずです。
すんませ〜ん。またまた変更です。文字サイズ変更ボタンの文字の大きさを変え、直感的に分かるようにしました。
sugar さんのサイトを参考にさせていただきました。ありがとうございます。
ブログの共有テンプレートを作っちまったい
スタイルシートってのは、サイトのデザインを一手に引き受けているテキスト書類なのだが、これを一枚書き換えるだけで全サイトのデザインが一気に変更できるのだ。あっちこっちいじくり回すと本当に楽しい。
んで、私が今ブログを書いているのが、FC2ってところのブログサービスを利用しているのだが、ここの大きな特徴として『共有テンプレート』ってのがある。
FC2を利用している一般の人が作ったブログのデザインが、テンプレートとして大量にアップロードされているのだ。ほんで、その多種多様なデザインを自由に使うことができる。
なもんだから、色んなテンプレートをダウンロードしちゃあスタイルシートをいじくっちゃあまた取っ換えちゃあいじくっちゃあしていた。前から付けたかった文字サイズの変更ボタンも付けてみた。
ところが、いじくりすぎて、元のデザインとは似ても似つかないデザインになってしまったのだ。これじゃあ作った人も気分が悪いだろう。「あんなのオレがデザインしたテンプレートじゃないやい！」ってなもんだ。
と、ゆうことで、最初から作ることにした。
幸いにFC2の方で、「これを元にしてテンプレートを作って下さいね」ってゆうテンプレートのテンプレート？みたいなのを用意してくれていた。
ってことでそれを土台にして作ったのが今見ていただいているこれです。どーですかね？
よく言えばシンプル。悪く言えば味も素っ気もない。のですが、個人的には気に入っているのです。
ほんで、まあ、そうなると、これを共有テンプレートととしてアップロードしたくなるじゃあ〜りませんか。
ってことで、さっそくアップロードしてみた。
誰かがこのデザインを使ってくれたらすごく嬉しい。
ところが、アップロードしたからといってすぐに登録されるわけじゃないんだね。なんか『現在承認中』となってて音沙汰がない。
まあ、ろくでもないデザインや、悪意のある人が変なウイルス仕込んでるって場合もあるから、当然なのかな？
ちょっと手直ししたい部分もあるのだが、承認がおりないと手直しもできないみたいだ。まあ、待つしかないんだろう。
とりあえず、「あんたのデザインだめー」ってな連絡がこないことを祈りましょう。