本館のトップを改装しました。
前からもっとシンプルで見やすくならないかと思っていたのですが、連休前に夫が腰を痛めてしまって(うーむ、誰かさんからのネット感染か)、結局どこへも行けなかったため、「小説書けない病」からの逃避がてら、一日でやってしまいました。
ユニバーサルデザインとかウェブ標準などと難しいことはできませんが、とにかく「どのブラウザから見ても同じデザインに見える」トップが目標です。
テンプレート配布サイトから借りてきたものを、自分なりにいろいろカスタマイズしてみました。
視覚障害者やこれから増える老眼の方(私もだ)のためには、不十分ですが次のことをこころがけました。
☆ タイトルは小文字にする(テキストリーダーは、大文字だけの単語を「エー、ビー、シー」としか読み上げてくれないため)
☆ 画像には alt属性をつける。
☆ フォントは固定せず、相対表示にする。
一番の問題は、どのブラウザでも同じように見えるという目標です。
いつもIEとNN7とOperaの3つに加えて、NN4.7でも確認しています。わがサイトの最大のお客様のうちのふたり(ねこまつりの主催者T氏と48氏)はOperaとNN4.7なのです。
これがまた厄介で、あちらを立てればこちらが立たず。NN4.7にいたっては、インラインフレーム(更新情報の小窓)は表示しないし、とにかくスタイルシートの設定のことごとくを無効にしてくれます。
私の結論から言えば、「スタイルシートを使わないで、すべてテーブルで組むのが一番確実」ということでした。
そうやって、現在のトップとまったく同じデザインをテーブルだけで組んだものを作ってみました(ただし、ごく一部にスタイルシートを残してあります)。これならネスケ4でもだいたい同じように見えているはず。
もともとタグ打ち派なので、タグのことはよく知っていると思っていましたが、案外勘違いしていることだらけで、勉強不足を実感しました。
ほかのページもいじりたいのですが、本格的に小説が書けなくなりそうなので、このへんでやめておきます。