メインコンテンツへスキップ
アクセシビリティ基準 · WCAG 2.2 レベルAA準拠

アクセシビリティ基準とキーボード操作

AutoSilenceCutはWCAG 2.2 AA基準に基づいて設計されており、完全なキーボード操作、高コントラスト、スクリーンリーダー対応を提供します。

キーボードナビゲーション & ショートカット一覧

ワークスペースの全操作をマウスを使わずにキーボードのみで完結できます。

キー / ショートカット実行される操作動作コンテキスト
スペースメディアの再生/一時停止を切り替えワークスペースのすべての画面
J2.0 秒戻るレビュー再生中
L2.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 トランスフォームとトランジションを即座に無効化します。