公式サイト：堺市ホームページ 堺市
調査結果
※各項目の詳細な説明は調査概要をご覧ください。
| 観点 | 内容 |
|---|---|
| カルーセル有無 | あり |
| 対象カルーセルの種別 | メインビジュアル |
| 掲載枚数 | 5枚 |
| 表示秒数 | 6.5秒 |
| 用いているライブラリ等 | slick |
| 観点 | 内容 |
|---|---|
| 再生・停止ボタンのタイプと表記 | 【トグル】「||／▶」 |
| マウスホバー・フォーカス時の自動停止 | 不停止 |
| 表示されているボタンのキーボード操作 | ○ |
| 前後移動ボタンの有無と表記 | なし |
| スワイプ操作の可否 | 可 |
| 観点 | 内容 |
|---|---|
| スライド選択ボタンの有無 | あり |
| スライド選択ボタンの形状等 | 角丸矩形 |
| スライド選択ボタンのカレント／非カレントの区別 | 色 |
| スライド選択ボタンの代替テキスト | n |
| スライドの構成要素 | 画像 |
| 画像の代替テキスト（例） | 熱中症から命を守る行動をとりましょう。 |
| 画面外スライドへのフォーカス防止 | ○ |
| 再生／停止操作時の音声フィードバック | 無反応 |
評価コメント
スライド選択ボタンを画像領域の「外側」に独立して配置しており、要素の重なりやコントラスト不足といった問題を回避する優れた設計となっている。また、各画像も情報を絞り込み要素を詰め込みすぎないグラフィックとなっており、詳細ページへ誘導するための事前提示として参考になる実装例と言える。