<< サザンオールスターズ | メイン | 神奈川県知事・松沢成文のブログ >>

自治体サイト

香川県の公式ホームページ

一般の方は「普通のホームページじゃない?」と思うと思いますが、実はすごく先進的です。

どこが先進的かといいますと、これ、フルスタイルシートで作られています。

一般の方向けに一応説明させていただくと、ホームページのレイアウト手法にはTABLE(テーブル)とCSS(スタイルシート) という2種類が一般的です。

「右クリック→ソースの表示」で、群馬県の公式ホームページと比べてみてください。


香川県は要素の中に「 <div></div> 」が多く見られ、群馬県は 「 <TD></TD> や <TABLE></TABLE> 」が多く見られます。

「どっちだって見栄えが良ければいいんじゃない?」

と、普通は思うと思いますが、実は全く違います。

一例ですが、視覚障害の方などがホームページを見るときに使う「読み上げ式」の音声ブラウザなどで読んだときにCSS (スタイルシート)で作られたホームページは比較的スムーズに読み上げてもらえます。

一方、テーブルで組まれたホームページでは読み上げる順番がちぐはぐになってしまって「何を読んでるのか良く分からない」 状態に陥ります。

でも、視覚障害の方が見る機会は少ないだろうし、「そんなに気にする必要もないでしょ?」と思われた方。

とんでもありません。

実は、検索エンジン(ロボット型)のデータを集めるプログラム(クローラーとかスパイダーなんていいます) はこの読み上げ式音声ブラウザと似た動きをします。

そう、しっかりとCSS(スタイルシート)で視覚障害者の方にも読んでもらいやすいホームページを作ることで、 検索エンジンにもサイトの内容をしっかり理解してもらえる→検索結果の上位に表示されやすい→アクセスアップ!・・・ と運営者にもいいことがたくさんあるのです。

最近検索結果の上位にブログが多く見受けられるのは、ブログはほとんどがCSS(スタイルシート)でレイアウトされた、 すごく分かりやすいシンプルな構造になっていることも大きな要因です(それだけじゃないけど)。


ご自分(自社)のサイトの構造(構文)、「右クリック→ソースの表示」で簡単にチェックできます。
お時間がございましたらぜひどうぞ。
(まだフルスタイルシートのサイトは少ないです。理由はまた後ほど。)


ちなみにこの香川県のホームページ、一般の方には表示されていないので見えませんが、ソースの中に「メニューを飛ばして本文へ」 なんてリンクも容易されてます。

音声ブラウザ使ってるひとには、とても親切で使いやすくできてると思います。
(いちいち一ページごとにメニューから聞かされるのはうんざりすると思います。)

進んでますね。

あとは神奈川県みたいに知事ブログとか?








                        


投稿者 tamura : 2005年07月26日 11:14

トラックバック

このエントリーのトラックバックURL:
http://tamuchi.net/cgi/mt/mt-tb.cgi/56

コメント

県のホームページでは視覚障害者への配慮も大切ですね。CSSがそういった効果があるなんて知りませんでした。
神奈川県知事もブログ・・・ブログってすごいですね。

投稿者 yai☆ : 2005年07月27日 10:00

CSS(スタイルシート)はコンテンツ(内容)と見栄えを完全に分離できます。


読み上げ(音声)ブラウザにあわせたサイト構築や様々な視覚障害の方向けの装飾(色使いやフォントサイズ等)など、様々なサイト構成が簡単に切り替え可能なように作ったり。


それなりにコストもかかりますが、自治体サイトなどは特にそういった配慮が大切だと思います。


香川県のサイトは全国の自治体サイトの中でも際立っていると思いますし、他の公共機関のお手本になると思います。

投稿者 田村 : 2005年07月27日 10:46

コメントはお気軽にどうぞ




保存しますか?


 
ホームページ制作会社LCデザイン/群馬県前橋市 群馬県前橋市の司法書士事務所 ホームページ制作会社社長のブログ