アクセシビリティ基準とキーボード操作
AutoSilenceCutはWCAG 2.2 AA基準に基づいて設計されており、完全なキーボード操作、高コントラスト、スクリーンリーダー対応を提供します。
キーボードナビゲーション & ショートカット一覧
ワークスペースの全操作をマウスを使わずにキーボードのみで完結できます。
| キー / ショートカット | 実行される操作 | 動作コンテキスト |
|---|---|---|
| スペース | メディアの再生/一時停止を切り替え | ワークスペースのすべての画面 |
| J | 2.0 秒戻る | レビュー再生中 |
| L | 2.0 秒進む | レビュー再生中 |
| K | 再生をすぐに一時停止 | レビュー再生中 |
| R | 選択中のカット候補の「残す/復元」を切り替え | 選択中の間 |
| ↑(上矢印) | リスト内の前の無音カット候補を選択 | 間リストにフォーカス時 |
| ↓(下矢印) | リスト内の次の無音カット候補を選択 | 間リストにフォーカス時 |
| ⌘ Z / Ctrl Z | 直前の編集判断や設定変更を元に戻す | ワークスペース全体 |
| ⌘ ⇧ Z / Ctrl Shift Z | 元に戻した編集判断をやり直す | ワークスペース全体 |
| ? | アクセシブルなショートカット一覧を開く | ワークスペース全体 |
| Esc | 開いているダイアログを閉じ、呼び出し元にフォーカスを戻す | ダイアログ表示中 |
| Tab / Shift+Tab | 操作可能な要素を DOM の論理的な順序で前後に移動 | ページ全体のナビゲーション |
WCAG 2.2 AA 準拠の柱
インターフェースのデザイントークン、DOM 構造、ARIA パターンによって、どのように完全なアクセシビリティを実現しているかを紹介します。
カラーコントラスト基準(≥ 4.5:1)
ライトモード(温かみのある紙とインク)とダークモード(スタジオの黒曜石とスチール)のどちらでも、すべてのテキストは背景に対して 4.5:1 以上のコントラスト比を保っています。UI 部品の境界線も 3.0:1 以上のコントラストを確保しています。
はっきり見えるフォーカスリング(3px のアクセントカラー)
操作可能な要素には、目立つ高コントラストの 3px の実線フォーカスリング(:focus-visible)を 2px の間隔をあけて表示し、キーボード利用者が現在位置をはっきり追えるようにしています。
スクリーンリーダー向け ARIA ライブリージョン
非同期処理(音声のスキャン、無音カットの再計算、短縮時間の集計など)の結果は、aria-live="polite" によって控えめに読み上げられ、キーボードのフォーカスを奪ったり読み上げを中断したりすることはありません。
動きを減らす設定への対応
OS の設定で prefers-reduced-motion: reduce が検出されると、前庭障害のある方を守るため、すべての CSS トランスフォームとトランジションを即座に無効化します。