公式サイト:千葉県公式ホームページ
調査結果
※各項目の詳細な説明は調査概要をご覧ください。
| 観点 | 内容 |
|---|---|
| カルーセル有無 | あり |
| 対象カルーセルの種別 | 千葉県のトピックス |
| 掲載枚数 | 3枚 |
| 表示秒数 | 5.5秒 |
| 用いているライブラリ等 | slick |
| 観点 | 内容 |
|---|---|
| 再生・停止ボタンのタイプと表記 | 【トグル】「|| 停止/▶ 再生」 |
| マウスホバー・フォーカス時の自動停止 | 停止 |
| 表示されているボタンのキーボード操作 | ○ |
| 前後移動ボタンの有無と表記 | なし |
| スワイプ操作の可否 | 可 |
| 観点 | 内容 |
|---|---|
| スライド選択ボタンの有無 | あり |
| スライド選択ボタンの形状等 | 円形 |
| スライド選択ボタンのカレント/非カレントの区別 | 色 |
| スライド選択ボタンの代替テキスト | n |
| スライドの構成要素 | 画像とテキスト |
| 画像の代替テキスト(例) | 民間企業等職務経験者の方を対象とした採用情報のバナー画像 |
| 画面外スライドへのフォーカス防止 | ○ |
| 再生/停止操作時の音声フィードバック | 無反応 |
評価コメント
カルーセル周辺のフォーカス移動順序が視覚的な配置と一致しておらず、利用者に戸惑いを与える。また、選択中と選択されていない状態の色の差が小さく見分けにくい。デザイン面では、画像・タイトル・説明文の間の余白よりもコントロール(操作ボタン)との距離の方が狭くなっており、スライドとコントロールの距離制御をより精緻に行うことが期待される。