2008年2月8日

旭山動物園のカラーユニバーサルデザイン施設サイン

2008年1月23日

松山市のバリアフリーサイト

2007年11月5日

3種類のトップページのある三鷹市

2007年10月16日

広域観光をめざす福岡観光コンベンションビューロー

国はビジット・ジャパン・キャンペーンで、広域観光ルートの開発し、滞在日数も3,4泊になるようにと、提唱しています。
通過型の観光から地域の資源や住民とのふれあいなどによる長続きのする観光が脚光を浴びつつあります。
「福岡観光コンベンションビューロー」では、自県ばかりでなく、九州全体の周遊ルートを紹介しています。

2007年10月12日

メニューバーがスッキリしている東御市観光協会

東御 (とうみ)市観光協会の上部メニューバーには、12項目がスッキリとおさめられています。

2007年10月8日

背景色の変更が可能な熊本県庁

熊本県庁のサイトは、上段の「色を変える」をクリックすると、目の不自由な人に配慮して、背景が黒→ 青→ 黄→ 白に変化します。
トップページ左欄には、「ユニバーサルデザイン」の項目もあり、福祉を意識している県であることがわかります。

【追】
このサイトは、スタイルシートを用いて、構造(中身、HTML)と表現(見栄え、CSS)を分けたほうがいいです。
見出しには、見出し1、見出し2などの見出し要素を用いてください。でないと、音声での利用者に、大きな不自由を強います。
表組みの要素をレイアウトのために乱用しています。スタイルシートを用いてください。

2007年9月21日

キーボードだけですべての操作ができるように

愛知県 産業労働部観光コンベンション課 のサイトは、「ジャンル別一覧」では矢印キーなどで操作ができる親切なつくりとなっています。

視覚障害者や上肢障害者などはキーボードだけを使う場合が多いので、キーボードだけですべての操作ができるようにする必要があります。
  1. 「上矢印」「下矢印」キーで画面スクロールができるようにします。
  2. 「Tab」キーによるキーボードフォーカスの移動をできるようにします。
  3. キーボードフォーカスの存在するリンクやコマンドは、「Enter」キーを押すまで、実行できないようにします。
  4. すべてのリンクおよび入力項目に、正しい順序で移動できるように設定しておきます。
  5. リンク、メニュー、ボタンなどの機能操作部分をJavaやFlashで実現する場合は、HTML版も用意します。
  6. 次のようなJavaScript は、マウスでの操作を前提にしているので好ましくないことが多いです。
    マウスオーバーのメニューで実行ボタンがないと、キーボードで選択できない場合が多いです。
    項目は選択しただけ では決定できないようにしておきます。
    :onClick、onDblClick、onMousedown、onMouseup、onMouseover、 onMouseout、onDragDrop、onChange。
    特に、マウスがオブジェクトの上にきた瞬間をとらえて何かをさせるonMouseover、マウスがオブジェクトからはずれた瞬間をとらえて 何かをさせるonMouseoutでは、視覚障害者の場合、知らないうちにマウスを動かしてしまい、意図しない状況に突然巻き込まれることがあります。

一般にキーボードで操作できるページは、音声ブラウザでも正しく読みあげてくれます。