宮城県赤十字血液センターのウェブサイトを斬る

この論評は最新のものではありません。最新の論評を読むには目次からご覧ください。

そもそも私がこの「献血‐みやぎ」というウェブサイトを作ったきっかけは――

……という二点にあるのですが、前者にしても後者にしてもそれなりに解決しつつあります。つまり、このサイトを作った意味も今となっては薄れてきているのかな、という気もします。

しかし、現在の宮城県赤十字血液センターのウェブサイトは、いまひとつ作りの良いサイトとはいえません。このページでは、あえて問題点を浮き彫りにし、よりよいサイトとなるような提案をしてみようと思います。

トップページを斬る

画像に頼りすぎ

私の環境――OS=WindowsXP、ウェブブラウザ=Opera 7.23――で宮城県赤十字血液センターのウェブサイトを見ると、次のように表示されます。

(画像の短めの代替テキストが並ぶ画面)

実は以前はもっと寂しい状態だったのですが、画像に代替テキストを設定しないと画像を表示しない私やそもそも画像を見ることのできない視覚障害者に不便なのでこころWebからの提案あたりを読んで改善してくれといった意見を出したせいか、少し改善されたようです。

画像表示を無効にしているとページ内にセンターの名前がないというのは依然として残念ですが……。

(中略)

あと、ポイントカードの説明も画像表示しないとわかりません。これはアクセシビリティにとどまらず、検索エンジンもこの情報を取得できないという問題もあります。現にけんけつくらぶで検索してもセンターのページが検索結果に出る検索エンジンはないようです。あるいはMETA要素でキーワードを記述しておけば検索エンジン対策にはなると思いますが、まずアクセシビリティを考えてほしいところです。

重要な見出しに代替テキストが設定されていない状況は変わっていません。ということで、画像に頼りすぎという評価は継続します。

というか画像重すぎ!

画像表示しないと内容がわからない、といって画像を表示しようとすると……ブロードバンド接続者だけを相手にしているならともかく、トップページに563KBもの巨大画像を貼り付けないでください!

その後この巨大画像は削除されました。おかげで軽くなりました。

献血ルームの紹介ページを斬る

これは特に変化なし。

北仙台献血ルームの紹介ページを斬る

ここも画像に頼りすぎです。というか、ページ上部のナビゲーションリンクが見えません(マウスポインタを持っていくと手の形になるのでリンクなんだろうなという想像がつく)。ぜひ代替テキストを設定してください。

(北仙台献血ルームの案内ページの画面キャプチャ)

トップページだけ代替テキストを設定したのでしょうか。指摘した側としては残念です。

藤崎献血ルームの紹介ページを斬る

主な問題点は北仙台献血ルームと同じ。他に気になったのは、駐車場案内へのリンクがページ先頭にあること。いちおうCSSでレイアウト調整しているので画面上の先頭よりはちょっと右下に表示されますが、音声ブラウザでは真っ先に読まれますしCSSが無効な環境ではもちろん最初に表示されます。さほど実害はないにしろ、不自然であることは否めません。

CSSでレイアウト調整すれば記述する順番はどうでもいいとは思わないことです。

それと、藤崎デパートの休日はルームも休日なので私が藤崎献血ルームを紹介しているページでは藤崎デパートの営業日(休業日)の情報ページにリンクしていますが、そうしたほうが便利なのではと思います。

仙台駅北口献血ルームの紹介ページを斬る

なぜかこのページは画像に適切な代替テキストが設定されています(代替テキスト無しを指定すべき画像も多数ありますが)

しかし、レイアウト調整の問題は同様です。

一番町献血ルームの紹介ページを斬る

北仙台・藤崎のページと同様です。

そういえば、藤崎のページにもこちらにも栄養相談のことが載っていませんね。

駐車場案内を斬る

TABLEレイアウトがすごいページです。JavaScriptで凝ったことをやっているようですが、もうちょっとシンプルなつくりでもよかったのではないでしょうか(1枚の画像でイメージマップにするなど)。そもそも、マウスを近づけるまで各施設の名前が表示されないことの意味がわかりません。駐車場の名前も表示できないほど込み入っているようには見えませんし……何が言いたいかというと、印刷して使いたいときに不便なのでは、ということです。

これは近いうちに私なりのを作ってみようかとも思います。

いけね、私なりのを作ってみようといいつつ全然手をつけていません。というか正しい情報がわかりませんし。(献血ルームに掲示してあった内容とウェブの掲示内容が違う)

あと、お知らせも更新しましたが栄養相談は今はやっていないそうです。

献血バスの運行予定を斬る

これも特に変化なし。

5月の運行予定など

成分献血が行われる市町村名は赤色になっていますが、色だけに頼った区別は環境によっては伝わりません。ここは私がやっているように(成分)などとテキストを添えるか、せめて強調要素(EMやSTRONG)でマーク付けしてほしいところです。

強調要素を強調して読んでくれない音声ブラウザがあるのはそれはそれで残念なことですが……。

それと、見出しが市町村名のカラムに祝日の名前が入っているのはどうかという気がします。日付と一緒のセルに記述しても良いのではないでしょうか。

お知らせを斬る

フレームの使い方を斬る

T字形に区切ったフレーム上部はスクロールバー表示を抑制していますが、高さが足りなくてナビゲーションリンクが表示されません。幸いホイールマウスのホイールを回せばスクロールしますしフレームの区切りも動かせるのでなんとかなりますが、ちょっと不便です。

変化なし。ところで最近ブラウザを変更したのですが、ブラウザによってはホイールでもスクロールしないことがわかりました。なおいっそう、早い改善が望まれます。

平成15年度日本赤十字社表彰を斬る

表彰者の一部しか載っていませんが、紙面の都合っていったいなんですか(^_^;)? 献血者有功章はともかくとしても、推進者・推進団体の数人とか数十人の規模のリストならぜひ全件載せてください。紙面で省略された人も、ウェブで載せられればまた報われるのではないでしょうか。

また、この文書や他のお知らせ文書の末尾にいま日本は、少子高齢化社会を迎えつつあります。といったメッセージが添えられていますが、これは「お知らせ」を表示したときの右下のフレーム内に初期表示しておいたほうが良かったのでは、と思います。

別ページになりましたが推進者・推進団体名のすべてが掲載されたようです。ぱちぱち。

資料のページを斬る

ページタイトル(doc_sub1.gif)がどう考えても不適切です。

あと、各リンク先が日赤本社のページであることに言及しておいたほうが良いのではないでしょうか。

変化なし。

携帯版HPを斬る

HPですか……いえ、なんでもありません。とりあえずさらっとまとめて指摘しますと――

変化なし。

全体を通して

いまさらこんなことを書くのも気がひけますが、HTML文書というのは実にいろいろな環境で便利に参照できるように設計されています。せめて、ブラウザを画面いっぱいに広げたときに空虚な余白が出現したりしないようにマーク付けしていただけないものでしょうか。

あまり変化なし。そもそも読まれていないか、何を言っているか伝わっていないのかも知れません。



ご意見はメール(yaburegasa@infoseek.jp)掲示板まで。なお、いただいたご意見は適宜こちらに転載させていただきたいと思います。

yaburegasa@infoseek.jp