公式サイト：大阪市：トップページ
調査結果
※各項目の詳細な説明は調査概要をご覧ください。
| 観点 | 内容 |
|---|---|
| カルーセル有無 | あり |
| 対象カルーセルの種別 | メインビジュアル |
| 掲載枚数 | 4枚 |
| 表示秒数 | 6秒 |
| 用いているライブラリ等 | Splide |
| 観点 | 内容 |
|---|---|
| 再生・停止ボタンのタイプと表記 | 【トグル】「|| スライド停止／▶ スライド再生」 |
| マウスホバー・フォーカス時の自動停止 | 不停止 |
| 表示されているボタンのキーボード操作 | ○ |
| 前後移動ボタンの有無と表記 | なし |
| スワイプ操作の可否 | 可 |
| 観点 | 内容 |
|---|---|
| スライド選択ボタンの有無 | あり |
| スライド選択ボタンの形状等 | 円形 |
| スライド選択ボタンのカレント／非カレントの区別 | 色、アニメーション |
| スライド選択ボタンの代替テキスト | n 番目のスライドへ ※aria-label |
| スライドの構成要素 | 画像とテキスト |
| 画像の代替テキスト（例） | 天王寺動物園 ホッキョクグマ |
| 画面外スライドへのフォーカス防止 | ○ |
| 再生／停止操作時の音声フィードバック | 状態を読み上げ |
評価コメント
現在のスライド表示時間の経過を「扇形のアニメーション」で表現しており、切り替えタイミングを予見できる工夫が見られる。しかし、画像が自動切り替えされるたびにスクリーンリーダーへ通知される仕様となっており、複数のカルーセルから高頻度に通知が発生するため、ユーザーの情報取得を阻害しないよう配慮が必要である。