公式サイト：北海道のホームページ
調査結果
※各項目の詳細な説明は調査概要をご覧ください。
| 観点 | 内容 |
|---|---|
| カルーセル有無 | あり |
| 対象カルーセルの種別 | メインビジュアル |
| 掲載枚数 | 7枚 |
| 表示秒数 | 7秒 |
| 用いているライブラリ等 | Swiper |
| 観点 | 内容 |
|---|---|
| 再生・停止ボタンのタイプと表記 | 【独立】「再生」「停止」 |
| マウスホバー・フォーカス時の自動停止 | 停止 |
| 表示されているボタンのキーボード操作 | ○ |
| 前後移動ボタンの有無と表記 | なし |
| スワイプ操作の可否 | 可 |
| 観点 | 内容 |
|---|---|
| スライド選択ボタンの有無 | あり |
| スライド選択ボタンの形状等 | 円形 |
| スライド選択ボタンのカレント／非カレントの区別 | 色 |
| スライド選択ボタンの代替テキスト | n番目のスライドへ移動 |
| スライドの構成要素 | 画像 |
| 画像の代替テキスト（例） | デジタル広報紙ほっかいどうVol.03 |
| 画面外スライドへのフォーカス防止 | × |
| 再生／停止操作時の音声フィードバック | 状態を読み上げ |
評価コメント
トップページ最上部のメインビジュアル領域にカルーセルが配置されている。「再生」と「停止」がそれぞれ独立したボタンとして置かれており、aria-pressed 属性による状態記述はあるものの、どちらが選択されているかが視覚的に判別しにくい。また、スライド選択ボタンは背景色に対するコントラストが不足している上、表示位置に画像内の要素が重なっており、ボタンおよび画像双方の可読性や視認性に影響を与えている。