矢印キーでスライドを移動、HomeキーとEndキーで最初と最後のスライドに移動、スペースキーで自動再生の開始/停止ができます。現在 5 枚のスライドがあります。自動再生は停止中です。
美しい自然の風景
息をのむような山々の景色と澄んだ空気を感じられる絶景スポットです。
WCAG 2.1 アクセシビリティ対応項目
✅ 実装済み項目
- • 1.4.3 コントラスト (最低限) - テキストと背景のコントラスト比4.5:1以上
- • 2.1.1 キーボード - 全機能をキーボードで操作可能
- • 2.1.2 キーボードトラップなし - フォーカスの適切な移動
- • 2.4.3 フォーカス順序 - 論理的なタブ順序
- • 2.4.6 見出しおよびラベル - 明確なaria-label
- • 2.4.7 フォーカスの可視化 - フォーカスリングの表示
- • 2.5.5 ターゲットのサイズ - 最小44px×44pxのタッチターゲット
- • 3.2.2 入力時 - 予期しない変化の防止
- • 4.1.2 名前、役割、値 - 適切なARIA属性
- • 2.3.3 インタラクションによるアニメーション - prefers-reduced-motion対応
⚠️ 考慮すべき項目
- • 1.4.11 非テキストのコントラスト - UI要素のコントラスト比3:1以上
- • 1.4.12 テキストの間隔 - カスタムスタイル時の可読性
- • 2.2.2 一時停止、停止、非表示 - 自動再生の制御オプション
- • 2.4.4 リンクの目的 - より具体的なリンクテキスト
- • 2.5.1 ポインタージェスチャー - スワイプ操作の代替手段
- • 2.5.2 ポインターのキャンセル - 誤操作の防止
- • 3.1.1 ページの言語 - 言語属性の設定
- • 3.3.2 ラベルまたは説明 - より詳細な操作説明
- • 4.1.3 ステータスメッセージ - 状態変更の通知改善
アクセシビリティ機能: フラット表示ボタンでカルーセルが苦手な方向けの代替表示を提供