公式サイト:熊本市ホームページ
調査結果
※各項目の詳細な説明は調査概要をご覧ください。
| 観点 | 内容 |
|---|---|
| カルーセル有無 | あり |
| 対象カルーセルの種別 | トピックス |
| 掲載枚数 | 7枚 |
| 表示秒数 | 6秒 |
| 用いているライブラリ等 | slick |
| 観点 | 内容 |
|---|---|
| 再生・停止ボタンのタイプと表記 | 【トグル】「■ STOP/▶ PLAY」 |
| マウスホバー・フォーカス時の自動停止 | 停止 |
| 表示されているボタンのキーボード操作 | ○ |
| 前後移動ボタンの有無と表記 | なし |
| スワイプ操作の可否 | 可 |
| 観点 | 内容 |
|---|---|
| スライド選択ボタンの有無 | あり |
| スライド選択ボタンの形状等 | 円形 |
| スライド選択ボタンのカレント/非カレントの区別 | 色 |
| スライド選択ボタンの代替テキスト | n |
| スライドの構成要素 | 画像 |
| 画像の代替テキスト(例) | 熊本市公式移住情報サイト「熊本はどう?」(別ウィンドウで開きます) |
| 画面外スライドへのフォーカス防止 | ○ |
| 再生/停止操作時の音声フィードバック | 無反応 |
評価コメント
最上部のメインビジュアル(2枚の写真切り替え)を装飾と判断し、「トピックス」セクションのカルーセルを調査対象とした。再生/停止ボタンの文字が小さく、コントラストも不足しているため認識しづらい。また、リンク先が別ウィンドウで開く旨が代替テキストでしか示されておらず、視覚的にも識別できる対応が求められる。