1
NPO 法人アイ・コラボレーション神戸
03. 神戸市:総合メニュー
2 NPO 法人アイ・コラボレーション神戸
目次
03. 神戸市:総合メニュー ... 1 目次 ... 2 JIS X 8341-3:2010 等級 A、等級 AA の実装チェック評価項目詳細... 3 神戸市サイトを頻繁に利用する人(男性 2 名、女性 2 名…計 4 名) ... 3 神戸市サイトをあまり利用しない人(男性 2 名、女性 2 名…計 4 名) ... 5 視覚障害 全盲(女性 1 名) ... 7 視覚障害 弱視(主に文字拡大機能を利用)(男性 1 名) ... 8 視覚障害 弱視(ハイコントラスト機能を利用)(女性 1 名) ... 10 肢体不自由 マウス操作(女性1名) ... 11 肢体不自由 マウススティックによるキーボード操作(男性1名) ... 12 肢体不自由 ジョイスティックとキーボード操作(男性1名) ... 13 肢体不自由 音声操作(男性1名) ... 14 評価者の感想[ページ全体] ... 15 高齢者 ... 15 視覚障害 ... 15 肢体不自由 ... 15 目標到達経路・時間調査詳細 ... 16 総評 ... 17 JIS X 8341-3:2010 等級 A、等級 AA の実装チェック評価グラフ:総合 ... 17 JIS X 8341-3:2010 等級 A、等級 AA の実装チェック評価結果 ... 183 NPO 法人アイ・コラボレーション神戸
JIS X 8341-3:2010 等級 A、等級 AA の実装チェック評価項目詳細
ページの内容に合わせて、JIS X 8341-3:2010 等級 A、等級 AA の実装チェックリスト項目から選定。神戸市サイトを頻繁に利用する人(男性 2 名、女性 2 名…計 4 名)
評価環境 使用 OS…Windows7、評価ブラウザ…Firefox(全員) 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.1.a)神戸市在住の 65 歳以上で神戸市サイトを頻繁に利用する人の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 問題無し 3 人 少々問題あり 1 人 7.2.4.2 ページタイトル 問題無し 4 人 7.2.4.4 文脈におけるリンクの目的 少々問題あり 1 人 問題有り 3 人 7.3.2.2 ユーザインタフェース・コンポーネント 問題無し 4 人 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 問題無し 3 人 少々問題あり 1 人 7.1.4.4 テキストのサイズ変更に関する達成基準 問題無し 4 人 7.2.4.5 複数の到達手段に関する達成基準 問題無し 4 人 7.2.4.6 見出し及びラベルに関する達成基準 問題無し 4 人 7.3.2.3 一貫したナビゲーションに関する達成基準 問題無し 4 人 (グラフ 3.1.b)神戸市在住の 65 歳以上で神戸市サイトを頻繁に利用する人の評価結果4 NPO 法人アイ・コラボレーション神戸 (表 3.1.c)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.1.4.1 色の使用(等級 A) リンク文字 1.どの文字がリンク文字か 分かりますか? △黒背景モードにするとリンク文字も通常の文字も白地 でマウスオーバーしても変化がないため、分かりにくい。 2.リンク文字は見やすいで すか? △同上 7.2.4.4 文脈におけるリンクの目的(等級 A) リンク 1-2.ご利用になった経路で は、リンク先ページへの誘導 はスムーズでしたか? △少し迷った。手続きのページがあるのは知らなかった。 △各種手続きの構成が分かりにくい。開始・中止の欄に電 話番号がほしい。 3-1.「通行止め情報」が公開 されているページにたどり 着くことはできますか? △分かりにくいが、たまたま見つけることができた。 3-2.ご利用になった経路で は、リンク先ページへの誘導 はスムーズでしたか? △「道路情報」と書いてあれば分かりやすいと思う。 ×道路、通行止めといったキーワードを探してしまい、見 つからなかった。 ×お役立ち情報やお出かけ情報、地図情報にあると思った。 ×「表六甲~」では「通行止め情報」とは思わず、関係な い情報だと思った。 ×「通行止め情報」のようにニュース性があるものは、月 ごとのイベント告知などが多い「神戸市からのお知らせ」 に含めると違和感がある。 7.1.4.3 最低限のコントラストに関する達成基準(等級 AA) 文字1 2.文字は読みやすい色です か? △文字が青いが、明度が高く少し見づらい
5 NPO 法人アイ・コラボレーション神戸
神戸市サイトをあまり利用しない人(男性 2 名、女性 2 名…計 4 名)
評価環境 使用 OS…Windows7、評価ブラウザ…Firefox(全員) 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.2.a)神戸市在住の 65 歳以上で神戸市サイトをあまり利用しない人の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 問題無し 3 人 少々問題有り 1 人 7.2.4.2 ページタイトル 問題無し 4 人 7.2.4.4 文脈におけるリンクの目的 少々問題有り 1 人 問題有り 3 人 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 問題無し 4 人 7.1.4.4 テキストのサイズ変更に関する達成基準 問題無し 4 人 7.2.4.5 複数の到達手段に関する達成基準 問題無し 4 人 7.2.4.6 見出し及びラベルに関する達成基準 問題無し 4 人 7.3.2.3 一貫したナビゲーションに関する達成基準 問題無し 4 人 (グラフ 3.2.b)神戸市在住の 65 歳以上で神戸市サイトをあまり利用しない人の評価結果6 NPO 法人アイ・コラボレーション神戸 (表 3.2.c)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.1.4.1 色の使用 リンク 文字 2.リンク文字は見やすいです か? △少し文字が細い 7.2.4.4 文脈におけるリンクの目的 リンク 1-2.ご利用になった経路では、 リンク先ページへの誘導はスム ーズでしたか? △「外部へのリンク」と「水道局のページ」が入れ子構造 になっているように見えるため、分かりにくい 2-1.「子育て支援新制度」の説明が書いてあるページにたどり着くことはできますか? 2-2.ご利用になった経路では、 リンク先ページへの誘導はスム ーズでしたか? △辿り着けるが、福祉カテゴリの記事を探し始めると見当 たらない 3-2.ご利用になった経路では、 リンク先ページへの誘導はスム ーズでしたか? ×通行止め情報を探そうとしたとき、「表六甲~」と書くと 非常にわかりにくい。せめて「通行止め」という文字を先 頭に持ってきてほしい。 ×「通行止め情報」というカテゴリを作ってほしい。 ×交通や道路のページに通行止め情報がないのは、直感的 ではないように思う。
7
NPO 法人アイ・コラボレーション神戸
視覚障害 全盲(女性 1 名)
評価環境 使用 OS…Windows7、評価ブラウザ…Internet Explorer、評価ソフト…Focus Talk V3 20 代女性、全盲 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.3.a)全盲の方の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.3.2 意味のある順序 ○ 7.2.1.1 キーボード操作 ○ 7.2.4.2 ページタイトル ○ 7.2.4.4 文脈におけるリンクの目的 △ 7.3.2.2 ユーザインタフェース・コンポーネント × 等級 AA 7.2.4.5 複数の到達手段に関する達成基準 ○ 7.3.2.3 一貫したナビゲーションに関する達成基準 ○ (表 3.3.b)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.2.4.4 文脈におけるリンクの目的(等級 A) リンク 2-2.ご利用になった経路では、リンク 先ページへの誘導はスムーズでした か? △他にもより相応しいリンクがあると思って見 逃してしまった △本文から外れて右のメニューまで行ってしま っても気づかない 7.3.2.2 ユーザインタフェース・コンポーネント(等級 A) 登録・送信 実行など 1.「市立小磯記念美術館特別展『生誕 120 周年川西英回顧展』」がいつまで 開催されているか分かりましたか? ×新着情報をリンクと認識できず、タブ切替えが できない ×新着情報タブに切り替えてもスクリーンリー ダーはタブ切替え後の情報(新着情報)を読まず、 タブ切替え前の情報(こんなときには)を読んで しまう。 ・非表示項目ではリンクがうまく作動していない 様子。
8 NPO 法人アイ・コラボレーション神戸
視覚障害 弱視(主に文字拡大機能を利用)(男性 1 名)
評価環境 使用 OS…Windows7、評価ブラウザ…Internet Explorer 30 代男性、弱視(右目5度・左目光のみ認識/視野 周辺見えづらく、真中が見える) 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.4.a)弱視の方(主に文字拡大機能を利用)の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 ○ 7.2.4.2 ページタイトル × 7.2.4.4 文脈におけるリンクの目的 △ 7.3.2.2 ユーザインタフェース・コンポーネント ○ 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 △ 7.1.4.4 テキストのサイズ変更に関する達成基準 ○ 7.2.4.5 複数の到達手段に関する達成基準 ○ 7.2.4.6 見出し及びラベルに関する達成基準 ○ 7.3.2.3 一貫したナビゲーションに関する達成基準 △ (次ページへ続く)9 NPO 法人アイ・コラボレーション神戸 (表 3.4.b)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.2.4.2 ページタイトル(等級 A) ペ ー ジ タ イ ト ル 1.ページタイトルでウェブページの概 要が分かりますか? ×どのような位置づけなのか想像できない 7.2.4.4 文脈におけるリンクの目的(等級 A) 1-2.ご利用になった経路では、リンク 先ページへの誘導はスムーズでした か? △拡大機能を使っているためページが長く、辿り 着くまでに色々な文字があり見落としてしまっ た 2-2.ご利用になった経路では、リンク 先ページへの誘導はスムーズでした か? △バナーが見づらい上に押せるかどうかが分か らずに悩んだ 3-2.ご利用になった経路では、リンク 先ページへの誘導はスムーズでした か? △「通行止め情報」というシンプルな記述でなく、 「表六甲~」という文章表現になっているため探 しづらかった 7.3.2.2 ユーザインタフェース・コンポーネント(等級 A) 登録・送信 実行など 1.新着情報で「市立小磯記念美術館 特別展『生誕 120 周年 川西英回顧 展』」がいつまで開催されるか分かりま したか? ・(辿り着くことはできたが)新着情報のボタン の色(青色)が分かりづらかった 7.1.4.3 最低限のコントラストに関する達成基準(等級 AA) 文字1 2.文字は読みやすい色ですか? △リンク文字(青色)が少し見づらいが、マウス オーバーしたときの赤系統は見やすい 7.3.2.3 一貫したナビゲーションに関する達成基準(等級 AA) ナ ビ ゲ ー シ ョ ン 1.ページ上部のメニューで分かりにく い所はないですか? △画像文字が見にくい。検索方法・検索オプショ ン・音声で読み上げるボタンも小さく見づらい
10 NPO 法人アイ・コラボレーション神戸
視覚障害 弱視(ハイコントラスト機能を利用)(女性 1 名)
評価環境 使用 OS…Windows7(ハイコントラスト画面に設定)、評価ブラウザ…Internet Explorer 30 代女性、視力:右 0.04・左 0.01、視野欠損ないが眼振あり瞬間に見える映像で判断。 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.5.a)弱視の方(主にハイコントラスト機能を利用)の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 ○ 7.2.4.2 ページタイトル ○ 7.2.4.4 文脈におけるリンクの目的 × 7.3.2.2 ユーザインタフェース・コンポーネント ○ 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 ○ 7.2.4.5 複数の到達手段に関する達成基準 ○ 7.3.2.3 一貫したナビゲーションに関する達成基準 ○ (表 3.5.c)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.2.4.4 文脈におけるリンクの目的(等級 A) リンク 1-2.ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? ×行間が狭すぎ、見落としてしまった。大事な情 報は行間を開けて目立たせてほしい 2-2.ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? ×バナーはただの飾りだと思い素通りした。画面 中央に配置するか、補足の文字を追加してほしい。 ×バナーが白っぽくてまぶしい 3-2.ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? ×文章が長すぎて見つけられない11 NPO 法人アイ・コラボレーション神戸
肢体不自由 マウス操作(女性1名)
評価環境 使用 OS…Windows8.1、評価ブラウザ…Internet Explorer 20 代女性、脊髄性筋萎縮症、指に嵌めた小型のマウスを操作 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 一部の評価項目については目標到達までかかった時間を計測しており、表中に理解者の到達時間 およびその平均を記載した。 評価結果 (表 3.6.a)マウス操作(肢体不自由)の方の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 ○ 7.2.4.2 ページタイトル ○ 7.2.4.4 文脈におけるリンクの目的 × 7.3.2.2 ユーザインタフェース・コンポーネント ○ 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 ○ 7.1.4.4 テキストのサイズ変更に関する達成基準 ○ 7.3.2.3 一貫したナビゲーションに関する達成基準 ○ (表 3.6.c)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.2.4.4 文脈におけるリンクの目的(等級 A) リンク 3-2.ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? ×「くらしの情報」にあると思っており、探すこ とができなかった12 NPO 法人アイ・コラボレーション神戸
肢体不自由 マウススティックによるキーボード操作(男性1名)
評価環境 使用 OS…Windows8.1、評価ブラウザ…Internet Explorer 30 代男性、マウススティックによりキーボードを操作(マウスカーソル・キー入力) 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.7.a)マウススティックによるキーボード操作の方の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 ○ 7.2.4.2 ページタイトル ○ 7.2.4.4 文脈におけるリンクの目的 △ 7.3.2.2 ユーザインタフェース・コンポーネント △ 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 ○ 7.1.4.4 テキストのサイズ変更に関する達成基準 ○ 7.2.4.5 複数の到達手段に関する達成基準 ○ 7.3.2.3 一貫したナビゲーションに関する達成基準 ○ (表 3.7.c)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.2.4.4 文脈におけるリンクの目的(等級 A) リンク 1-2.ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? △引越しは「住まい」のページからも飛べる方が 良い。 △電気・ガス・水道をそれぞれアイコンにすると 分かりやすい。 7.3.2.2 ユーザインタフェース・コンポーネント(等級 A) 登録・送信 実行など 1.新着情報で「市立小磯記念美術館特 別展『生誕 120 周年川西英回顧展』」 がいつまで開催されているか調べてく ださい。 △「新着情報」のタブは分かりにくい。それが選 択できれば簡単に探すことができた。13 NPO 法人アイ・コラボレーション神戸
肢体不自由 ジョイスティックとキーボード操作(男性1名)
評価環境 使用 OS…Windows8.1、評価ブラウザ…Internet Explorer 20 代男性、脳性麻痺、手指が動かしにくい為、右手でジョイスティック・キーボードを操作 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.8.a)ジョイスティックとキーボード操作の方の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 ○ 7.2.1.1 キーボード操作 ○ 7.2.4.2 ページタイトル ○ 7.2.4.4 文脈におけるリンクの目的 × 7.3.2.2 ユーザインタフェース・コンポーネント ○ 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 ○ 7.1.4.4 テキストのサイズ変更に関する達成基準 ○ 7.2.4.5 複数の到達手段に関する達成基準 ○ 7.2.4.6 見出し及びラベルに関する達成基準 ○ 7.3.2.3 一貫したナビゲーションに関する達成基準 △ (表 3.8.c)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.2.4.4 文脈におけるリンクの目的(等級 A) リンク 3-2.ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? ×見つけづらい。緊急情報などがあるので、左の メニューからジャンプするものだと思っていた。 7.3.2.3 一貫したナビゲーションに関する達成基準(等級 AA) ナビゲーション 1.ページ上部のメニューで分かりにく い所はないですか? △右上の文字拡大ボタンの辺り、上下の間隔が詰 まりすぎている14
NPO 法人アイ・コラボレーション神戸
肢体不自由 音声操作(男性1名)
評価環境 使用 OS…Windows Vista 、評価ブラウザ…Internet Explorer 20 代男性、両上肢機能障害、両下肢機能全廃 手足が不自由な為、音声でキーボード操作(Windows Vista の機能) 評価区分 ○:問題無し、△:少々問題有り、×:問題有り の 3 区分とし、表中には該当人数を記載した。 評価結果 (表 3.9.a)音声操作(肢体不自由)の方の評価結果 達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 7.1.4.1 色の使用 ○ 7.2.1.1 キーボード操作 ○ 7.2.4.2 ページタイトル ○ 7.2.4.4 文脈におけるリンクの目的 × 7.3.2.2 ユーザインタフェース・コンポーネント ○ 等級 AA 7.1.4.3 最低限のコントラストに関する達成基準 ○ 7.1.4.4 テキストのサイズ変更に関する達成基準 ○ 7.2.4.5 複数の到達手段に関する達成基準 ○ 7.2.4.6 見出し及びラベルに関する達成基準 ○ 7.3.2.3 一貫したナビゲーションに関する達成基準 ○ (表 3.9.c)「少し問題有り」、または「問題有り」についての評価内容 評価項目 質問文 ユーザーコメント 7.2.4.4 文脈におけるリンクの目的(等級 A) リンク 3-2.ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? ×通行止めはさまざまな種類があると思う(天災、 イベント等)。お知らせ欄だけでは分かりにくい。
15 NPO 法人アイ・コラボレーション神戸
評価者の感想[ページ全体]
高齢者
文字 ○リンク以外の文字は見やすい △見出しの背景色がより濃いと見やすい。 △見出しの囲み枠が分かりにくい。 △見出しの文字はより大きく、白抜きにしては。 △新着情報は文字が小さくわかりにくい。文字拡大が適用されないため。 △「お知らせ」をより目立たせてほしい。 構成 ○ページを探す際、「こんなときには」にアイコンがあり、それで探せなければ「くらしの情 報」へ、それでもわからなければサイト内検索を使えば見つけられる構成になっているため、 良いと思います。 △「通行止め情報」は分かりにくかったが、その他は良い。 △「通行止め情報」は交通ページやレインマップへのリンクと一緒に掲載されていると分か りやすい。 △「ピンクリボンフェスティバル 2014」のページに入るとスケジュールが分かりづらい。 スケジュール表をつけると分かりやすい。 リンク ○目的ページに内容の近いアイコンを見つけられれば分かりやすい。 ○アイコンがあって見やすい。 その他 ○現状でよいと思います。情報が多いですが、(多くの情報を伝える)行政なのでこれ以上の 簡略化は難しいと思います。視覚障害
文字 △行間がもう少し離れていれば見やすかったと思う 構成 ○絵があったから、分かりやすかった ○タブの切り替えは分かりやすかった △ごちゃごちゃしすぎ、拡大しても一見して情報を得ることができないから難しい △ページが長くなるなら見出しジャンプを使えるようにしてほしい ×非表示項目はできればなくしてほしい ×文字ばかりで写真と絵が多いので見る気が削がれてしまう リンク ○(目的のページを想像させる)文字を見つけられれば、後は簡単にたどり着ける ○外国語は読めないが、このリンクが外国人のためにあることは分かる肢体不自由
構成 文字ばかりで写真と絵が多いので見る気が削がれてしまう16 NPO 法人アイ・コラボレーション神戸
目標到達経路・時間調査詳細
各ウェブページが目的通り機能しているかどうか、目的ページへの到達経路・到達時間の測定 <質問1>「引越し」をしたいと思っています。水道を止めるにはどこに連絡すればよいでしょう。連絡先 が書いてあるページにたどり着くことはできますか? 区分 到達者数 離脱者数 平均到達時間 高齢者(8 人) 8 人 118 秒 視覚障害(3 人) 2 人 1 人 285 秒 肢体不自由(4 人) 4 人 100 秒 総計(15 人) 14 人 1 人 137 秒 <質問2>「子育て支援新制度」の説明が書いてあるページにたどり着くことはできますか? 区分 到達者数 離脱者数 平均到達時間 高齢者(8 人) 8 人 88 秒 視覚障害(3 人) 2 人 1 人 261 秒 肢体不自由(4 人) 4 人 64 秒 総計(15 人) 14 人 1 人 106 秒 <質問 3>「通行止め情報」が公開されているページにたどり着くことはできますか? 区分 到達者数 離脱者数 平均到達時間 高齢者(8 人) 3 人 5 人 256 秒 視覚障害(3 人) 2 人 1 人 197 秒 肢体不自由(4 人) 4 人 232 秒 総計(15 人) 9 人 6 人 237 秒 <質問 4>新着情報で「ピンクリボンフェスティバル 2014」がいつまで開催されるか分かりましたか? 区分 到達者数 離脱者数 平均到達時間 高齢者(8 人) 8 人 38 秒 視覚障害(3 人) 2 人 1 人 82 秒 肢体不自由(4 人) 4 人 99 秒 総計(15 人) 14 人 1 人 61 秒17 NPO 法人アイ・コラボレーション神戸
総評
「総合メニューページ」は、くらしの情報の窓口となる為、JIS X 8341-3:2010 実装チェック項目だけ でなく、ゴールページを設定して、目標に到達できるか調査した。 全 4 問のシナリオのうち、各シナリオにつき 1 人以上の評価者が目的のページや内容にたどり着けなか った。特に「『通行止め情報』が公開されているページにたどり着くことはできますか?」という設問では、 15 人中 6 人がたどり着けず、離脱してしまった。総合メニューページから目的のページにたどり着けるル ートが文中のテキストリンクだけだったことが原因だと考えられる。JIS X 8341-3:2010 等級 A、等級 AA の実装チェック評価グラフ:総合
18 NPO 法人アイ・コラボレーション神戸