3.平成26年度神戸市ユーザー評価「神戸市：トップページ」報告書

Transcription

1 平成 26 年度 神戸市ユーザー評価報告書 03. 神戸市 総合メニュー 評価対象 神戸市 総合メニュー 1

2 目次 03. 神戸市 : 総合メニュー... 1 目次... 2 JIS X :2010 等級 A 等級 AA の実装チェック評価項目詳細... 3 神戸市サイトを頻繁に利用する人 ( 男性 2 名 女性 2 名 計 4 名 )... 3 神戸市サイトをあまり利用しない人 ( 男性 2 名 女性 2 名 計 4 名 )... 5 視覚障害全盲 ( 女性 1 名 )... 7 視覚障害弱視 ( 主に文字拡大機能を利用 )( 男性 1 名 )... 8 視覚障害弱視 ( ハイコントラスト機能を利用 )( 女性 1 名 ) 肢体不自由マウス操作 ( 女性 1 名 ) 肢体不自由マウススティックによるキーボード操作 ( 男性 1 名 ) 肢体不自由ジョイスティックとキーボード操作 ( 男性 1 名 ) 肢体不自由音声操作 ( 男性 1 名 ) 評価者の感想 [ ページ全体 ] 高齢者 視覚障害 肢体不自由 目標到達経路 時間調査詳細 総評 JIS X :2010 等級 A 等級 AA の実装チェック評価グラフ : 総合 JIS X :2010 等級 A 等級 AA の実装チェック評価結果

3 JIS X :2010 等級 A 等級 AA の実装チェック評価項目詳細 ページの内容に合わせて JIS X :2010 等級 A 等級 AA の実装チェックリスト項目から選定 神戸市サイトを頻繁に利用する人 ( 男性 2 名 女性 2 名 計 4 名 ) 評価環境使用 OS Windows7 評価ブラウザ Firefox( 全員 ) 評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.1.a) 神戸市在住の 65 歳以上で神戸市サイトを頻繁に利用する人の評価結果 達成基準と評価項目問題無し少々問題有り問題有り 等級 A 等級 AA 色の使用 問題無し 3 人 少々問題あり 1 人 ページタイトル 問題無し 4 人 文脈におけるリンクの目的 少々問題あり 1 人 問題有り 3 人 ユーザインタフェース コンポーネント 問題無し 4 人 最低限のコントラストに関する達成基準 問題無し 3 人 少々問題あり 1 人 テキストのサイズ変更に関する達成基準 問題無し 4 人 複数の到達手段に関する達成基準 問題無し 4 人 見出し及びラベルに関する達成基準 問題無し 4 人 一貫したナビゲーションに関する達成基準 問題無し 4 人 ( グラフ 3.1.b) 神戸市在住の 65 歳以上で神戸市サイトを頻繁に利用する人の評価結果 3

4 ( 表 3.1.c) 少し問題有り または 問題有り についての評価内容 評価項目 質問文 ユーザーコメント 色の使用 ( 等級 A) 1. どの文字がリンク文字か 黒背景モードにするとリンク文字も通常の文字も白地 リンク文字 分かりますか? でマウスオーバーしても変化がないため 分かりにくい 2. リンク文字は見やすいで 同上 すか? 文脈におけるリンクの目的 ( 等級 A) 1-2. ご利用になった経路で 少し迷った 手続きのページがあるのは知らなかった は リンク先ページへの誘導 各種手続きの構成が分かりにくい 開始 中止の欄に電 はスムーズでしたか? 話番号がほしい 3-1. 通行止め情報 が公開 分かりにくいが たまたま見つけることができた されているページにたどり 着くことはできますか? 道路情報 と書いてあれば分かりやすいと思う リンク 道路 通行止めといったキーワードを探してしまい 見 つからなかった 3-2. ご利用になった経路で お役立ち情報やお出かけ情報 地図情報にあると思った は リンク先ページへの誘導 表六甲 ~ では 通行止め情報 とは思わず 関係な はスムーズでしたか? い情報だと思った 通行止め情報 のようにニュース性があるものは 月 ごとのイベント告知などが多い 神戸市からのお知らせ に含めると違和感がある 最低限のコントラストに関する達成基準 ( 等級 AA) 文字 1 2. 文字は読みやすい色です 文字が青いが 明度が高く少し見づらいか? 4

5 神戸市サイトをあまり利用しない人 ( 男性 2 名 女性 2 名 計 4 名 ) 評価環境使用 OS Windows7 評価ブラウザ Firefox( 全員 ) 評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.2.a) 神戸市在住の 65 歳以上で神戸市サイトをあまり利用しない人の評価結果 達成基準と評価項目問題無し少々問題有り問題有り 等級 A 等級 AA 色の使用 問題無し 3 人 少々問題有り 1 人 ページタイトル 問題無し 4 人 文脈におけるリンクの目的 少々問題有り 1 人問題有り 3 人 最低限のコントラストに関する達成基準 問題無し 4 人 テキストのサイズ変更に関する達成基準 問題無し 4 人 複数の到達手段に関する達成基準 問題無し 4 人 見出し及びラベルに関する達成基準 問題無し 4 人 一貫したナビゲーションに関する達成基準 問題無し 4 人 ( グラフ 3.2.b) 神戸市在住の 65 歳以上で神戸市サイトをあまり利用しない人の評価結果 5

6 ( 表 3.2.c) 少し問題有り または 問題有り についての評価内容 評価項目 質問文 ユーザーコメント 色の使用 リンク 2. リンク文字は見やすいです 少し文字が細い 文字 か? 文脈におけるリンクの目的 1-2. ご利用になった経路では リンク先ページへの誘導はスム ーズでしたか? 外部へのリンク と 水道局のページ が入れ子構造 になっているように見えるため 分かりにくい 2-1. 子育て支援新制度 の説明が書いてあるページにたどり着くことはできますか? リンク 2-2. ご利用になった経路では リンク先ページへの誘導はスムーズでしたか? 3-2. ご利用になった経路では リンク先ページへの誘導はスムーズでしたか? 辿り着けるが 福祉カテゴリの記事を探し始めると見当たらない 通行止め情報を探そうとしたとき 表六甲 ~ と書くと非常にわかりにくい せめて 通行止め という文字を先頭に持ってきてほしい 通行止め情報 というカテゴリを作ってほしい 交通や道路のページに通行止め情報がないのは 直感的ではないように思う 6

7 視覚障害全盲 ( 女性 1 名 ) 評価環境使用 OS Windows7 評価ブラウザ Internet Explorer 評価ソフト Focus Talk V3 20 代女性 全盲評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.3.a) 全盲の方の評価結果達成基準と評価項目 問題無し 少々問題有り 問題有り 意味のある順序 キーボード操作 等級 A ページタイトル 等級 AA 文脈におけるリンクの目的 ユーザインタフェース コンポーネント 複数の到達手段に関する達成基準 一貫したナビゲーションに関する達成基準 ( 表 3.3.b) 少し問題有り または 問題有り についての評価内容 評価項目質問文ユーザーコメント 文脈におけるリンクの目的 ( 等級 A) リンク 2-2. ご利用になった経路では リンク 先ページへの誘導はスムーズでした か? 他にもより相応しいリンクがあると思って見逃してしまった 本文から外れて右のメニューまで行ってしまっても気づかない ユーザインタフェース コンポーネント ( 等級 A) 登録 送信 実行など 1. 市立小磯記念美術館特別展 生誕 120 周年川西英回顧展 がいつまで 開催されているか分かりましたか? 新着情報をリンクと認識できず タブ切替えができない 新着情報タブに切り替えてもスクリーンリーダーはタブ切替え後の情報 ( 新着情報 ) を読まず タブ切替え前の情報 ( こんなときには ) を読んでしまう 非表示項目ではリンクがうまく作動していない様子 7

8 視覚障害弱視 ( 主に文字拡大機能を利用 )( 男性 1 名 ) 評価環境使用 OS Windows7 評価ブラウザ Internet Explorer 30 代男性 弱視 ( 右目 5 度 左目光のみ認識 / 視野周辺見えづらく 真中が見える ) 評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.4.a) 弱視の方 ( 主に文字拡大機能を利用 ) の評価結果達成基準と評価項目 問題無し 少々問題有り 問題有り 色の使用 等級 A ページタイトル 文脈におけるリンクの目的 ユーザインタフェース コンポーネント 最低限のコントラストに関する達成基準 テキストのサイズ変更に関する達成基準 等級 AA 複数の到達手段に関する達成基準 見出し及びラベルに関する達成基準 一貫したナビゲーションに関する達成基準 ( 次ページへ続く ) 8

9 ( 表 3.4.b) 少し問題有り または 問題有り についての評価内容 評価項目質問文ユーザーコメント ページタイトル ( 等級 A) ページタイト ル 1. ページタイトルでウェブページの概 要が分かりますか? どのような位置づけなのか想像できない 文脈におけるリンクの目的 ( 等級 A) 1-2. ご利用になった経路では リンク先ページへの誘導はスムーズでしたか? 拡大機能を使っているためページが長く 辿り着くまでに色々な文字があり見落としてしまった 2-2. ご利用になった経路では リンク先ページへの誘導はスムーズでした バナーが見づらい上に押せるかどうかが分からずに悩んだ か? 3-2. ご利用になった経路では リンク先ページへの誘導はスムーズでしたか? 通行止め情報 というシンプルな記述でなく 表六甲 ~ という文章表現になっているため探しづらかった ユーザインタフェース コンポーネント ( 等級 A) 登録 送信実行など 1. 新着情報で 市立小磯記念美術館特別展 生誕 120 周年川西英回顧展 がいつまで開催されるか分かりましたか? ( 辿り着くことはできたが ) 新着情報のボタンの色 ( 青色 ) が分かりづらかった 最低限のコントラストに関する達成基準 ( 等級 AA) 文字 1 2. 文字は読みやすい色ですか? リンク文字 ( 青色 ) が少し見づらいが マウスオーバーしたときの赤系統は見やすい 一貫したナビゲーションに関する達成基準 ( 等級 AA) ナビゲーショ ン 1. ページ上部のメニューで分かりにく い所はないですか? 画像文字が見にくい 検索方法 検索オプショ ン 音声で読み上げるボタンも小さく見づらい 9

10 視覚障害弱視 ( ハイコントラスト機能を利用 )( 女性 1 名 ) 評価環境使用 OS Windows7( ハイコントラスト画面に設定 ) 評価ブラウザ Internet Explorer 30 代女性 視力 : 右 0.04 左 0.01 視野欠損ないが眼振あり瞬間に見える映像で判断 評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.5.a) 弱視の方 ( 主にハイコントラスト機能を利用 ) の評価結果 等級 A 等級 AA 達成基準と評価項目 問題無し 少々問題有り 問題有り 色の使用 ページタイトル 文脈におけるリンクの目的 ユーザインタフェース コンポーネント 最低限のコントラストに関する達成基準 複数の到達手段に関する達成基準 一貫したナビゲーションに関する達成基準 ( 表 3.5.c) 少し問題有り または 問題有り についての評価内容 評価項目質問文ユーザーコメント 文脈におけるリンクの目的 ( 等級 A) リンク 1-2. ご利用になった経路ではリンク先ページへの誘導はスムーズでしたか? 2-2. ご利用になった経路ではリンク先ページへの誘導はスムーズでしたか? 3-2. ご利用になった経路ではリンク先ページへの誘導はスムーズでしたか? 行間が狭すぎ 見落としてしまった 大事な情報は行間を開けて目立たせてほしい バナーはただの飾りだと思い素通りした 画面中央に配置するか 補足の文字を追加してほしい バナーが白っぽくてまぶしい 文章が長すぎて見つけられない 10

11 肢体不自由マウス操作 ( 女性 1 名 ) 評価環境使用 OS Windows8.1 評価ブラウザ Internet Explorer 20 代女性 脊髄性筋萎縮症 指に嵌めた小型のマウスを操作評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 一部の評価項目については目標到達までかかった時間を計測しており 表中に理解者の到達時間およびその平均を記載した 評価結果 ( 表 3.6.a) マウス操作 ( 肢体不自由 ) の方の評価結果 等級 A 等級 AA 達成基準と評価項目 問題無し 少々問題有り 問題有り 色の使用 ページタイトル 文脈におけるリンクの目的 ユーザインタフェース コンポーネント 最低限のコントラストに関する達成基準 テキストのサイズ変更に関する達成基準 一貫したナビゲーションに関する達成基準 ( 表 3.6.c) 少し問題有り または 問題有り についての評価内容 評価項目質問文ユーザーコメント 文脈におけるリンクの目的 ( 等級 A) リンク 3-2. ご利用になった経路ではリンク先 ページへの誘導はスムーズでしたか? くらしの情報 にあると思っており 探すこ とができなかった 11

12 肢体不自由マウススティックによるキーボード操作 ( 男性 1 名 ) 評価環境使用 OS Windows8.1 評価ブラウザ Internet Explorer 30 代男性 マウススティックによりキーボードを操作 ( マウスカーソル キー入力 ) 評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.7.a) マウススティックによるキーボード操作の方の評価結果 等級 A 等級 AA 達成基準と評価項目 問題無し 少々問題有り 問題有り 色の使用 ページタイトル 文脈におけるリンクの目的 ユーザインタフェース コンポーネント 最低限のコントラストに関する達成基準 テキストのサイズ変更に関する達成基準 複数の到達手段に関する達成基準 一貫したナビゲーションに関する達成基準 ( 表 3.7.c) 少し問題有り または 問題有り についての評価内容 評価項目質問文ユーザーコメント 文脈におけるリンクの目的 ( 等級 A) 引越しは 住まい のページからも飛べる方が 1-2. ご利用になった経路ではリンク先良い リンクページへの誘導はスムーズでしたか? 電気 ガス 水道をそれぞれアイコンにすると分かりやすい ユーザインタフェース コンポーネント ( 等級 A) 登録 送信 実行など 1. 新着情報で 市立小磯記念美術館特別展 生誕 120 周年川西英回顧展 がいつまで開催されているか調べてください 新着情報 のタブは分かりにくい それが選 択できれば簡単に探すことができた 12

13 肢体不自由ジョイスティックとキーボード操作 ( 男性 1 名 ) 評価環境使用 OS Windows8.1 評価ブラウザ Internet Explorer 20 代男性 脳性麻痺 手指が動かしにくい為 右手でジョイスティック キーボードを操作評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.8.a) ジョイスティックとキーボード操作の方の評価結果 等級 A 等級 AA 達成基準と評価項目 問題無し 少々問題有り 問題有り 色の使用 キーボード操作 ページタイトル 文脈におけるリンクの目的 ユーザインタフェース コンポーネント 最低限のコントラストに関する達成基準 テキストのサイズ変更に関する達成基準 複数の到達手段に関する達成基準 見出し及びラベルに関する達成基準 一貫したナビゲーションに関する達成基準 ( 表 3.8.c) 少し問題有り または 問題有り についての評価内容 評価項目質問文ユーザーコメント 文脈におけるリンクの目的 ( 等級 A) 3-2. ご利用になった経路ではリンク先 見つけづらい 緊急情報などがあるので 左のリンクページへの誘導はスムーズでしたか? メニューからジャンプするものだと思っていた 一貫したナビゲーションに関する達成基準 ( 等級 AA) 1. ページ上部のメニューで分かりにく 右上の文字拡大ボタンの辺り 上下の間隔が詰ナビゲーションい所はないですか? まりすぎている 13

14 肢体不自由音声操作 ( 男性 1 名 ) 評価環境使用 OS Windows Vista 評価ブラウザ Internet Explorer 20 代男性 両上肢機能障害 両下肢機能全廃手足が不自由な為 音声でキーボード操作 (Windows Vista の機能 ) 評価区分 : 問題無し : 少々問題有り : 問題有りの 3 区分とし 表中には該当人数を記載した 評価結果 ( 表 3.9.a) 音声操作 ( 肢体不自由 ) の方の評価結果達成基準と評価項目 問題無し 少々問題有り 問題有り 等級 A 色の使用 キーボード操作 ページタイトル 文脈におけるリンクの目的 ユーザインタフェース コンポーネント 等級 AA 最低限のコントラストに関する達成基準 テキストのサイズ変更に関する達成基準 複数の到達手段に関する達成基準 見出し及びラベルに関する達成基準 一貫したナビゲーションに関する達成基準 ( 表 3.9.c) 少し問題有り または 問題有り についての評価内容 評価項目質問文ユーザーコメント 文脈におけるリンクの目的 ( 等級 A) 3-2. ご利用になった経路ではリンク先 通行止めはさまざまな種類があると思う ( 天災 リンクページへの誘導はスムーズでしたか? イベント等 ) お知らせ欄だけでは分かりにくい 14

15 評価者の感想 [ ページ全体 ] 高齢者 文字構成リンクその他 リンク以外の文字は見やすい 見出しの背景色がより濃いと見やすい 見出しの囲み枠が分かりにくい 見出しの文字はより大きく 白抜きにしては 新着情報は文字が小さくわかりにくい 文字拡大が適用されないため お知らせ をより目立たせてほしい ページを探す際 こんなときには にアイコンがあり それで探せなければ くらしの情報 へ それでもわからなければサイト内検索を使えば見つけられる構成になっているため 良いと思います 通行止め情報 は分かりにくかったが その他は良い 通行止め情報 は交通ページやレインマップへのリンクと一緒に掲載されていると分かりやすい ピンクリボンフェスティバル 2014 のページに入るとスケジュールが分かりづらい スケジュール表をつけると分かりやすい 目的ページに内容の近いアイコンを見つけられれば分かりやすい アイコンがあって見やすい 現状でよいと思います 情報が多いですが ( 多くの情報を伝える ) 行政なのでこれ以上の簡略化は難しいと思います 視覚障害 文字 構成 リンク 行間がもう少し離れていれば見やすかったと思う 絵があったから 分かりやすかった タブの切り替えは分かりやすかった ごちゃごちゃしすぎ 拡大しても一見して情報を得ることができないから難しい ページが長くなるなら見出しジャンプを使えるようにしてほしい 非表示項目はできればなくしてほしい 文字ばかりで写真と絵が多いので見る気が削がれてしまう ( 目的のページを想像させる ) 文字を見つけられれば 後は簡単にたどり着ける 外国語は読めないが このリンクが外国人のためにあることは分かる 肢体不自由 構成 文字ばかりで写真と絵が多いので見る気が削がれてしまう 15

16 目標到達経路 時間調査詳細 各ウェブページが目的通り機能しているかどうか 目的ページへの到達経路 到達時間の測定 < 質問 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 秒 16

17 総評 総合メニューページ は くらしの情報の窓口となる為 JIS X :2010 実装チェック項目だけでなく ゴールページを設定して 目標に到達できるか調査した 全 4 問のシナリオのうち 各シナリオにつき 1 人以上の評価者が目的のページや内容にたどり着けなかった 特に 通行止め情報 が公開されているページにたどり着くことはできますか? という設問では 15 人中 6 人がたどり着けず 離脱してしまった 総合メニューページから目的のページにたどり着けるルートが文中のテキストリンクだけだったことが原因だと考えられる JIS X :2010 等級 A 等級 AA の実装チェック評価グラフ : 総合 17

18 JIS X :2010 等級 A 等級 AA の実装チェック評価結果 11 項目の評価のうち 6 項目において 少し問題有り または 問題あり という評価となった 以下は 少し問題有り または 問題あり という評価が出た項目 色の使用質問した 14 人中 問題なし 12 人 少々問題あり 2 人 最低限のコントラストに関する達成基準質問した 14 人中 問題なし 12 人 少々問題あり 2 人 ページタイトル質問した 15 人中 問題なし 14 人 問題あり 1 人 文脈におけるリンクの目的質問した 15 人中 少々問題あり 5 人 問題あり 10 人 ユーザーインターフェース コンポーネント質問した 11 人中 問題なし 9 人 少々問題あり 1 人 問題あり 1 人 一貫したナビゲーションに関する達成基準質問した 15 人中 問題なし 13 人 少々問題あり 2 人 以上の結果に関しては 検討 改善の余地がある ( 就労継続支援 A 型施設 ) 18