Skip to main content
AutoSilenceCut
Accessibility Standard · WCAG 2.2 Level AA Compliant

Accessibility standards and keyboard controls.

AutoSilenceCut is engineered from the ground up to WCAG 2.2 AA standards, ensuring complete keyboard navigability, high contrast, screen reader compatibility, and reduced motion respect.

Keyboard navigation and shortcut reference

Every workspace action can be operated entirely through the keyboard without touching a mouse.

Shortcut KeyActionContext
SpaceToggle Play / Pause media playbackAny active workspace view
JJump backward 2.0 secondsActive review playback
LJump forward 2.0 secondsActive review playback
KPause playback immediatelyActive review playback
RToggle Keep / Restore status on selected pause cutSelected pause item
↑ (Up Arrow)Select previous proposed silence cut in listPause list focus
↓ (Down Arrow)Select next proposed silence cut in listPause list focus
⌘ Z / Ctrl ZUndo last edit decision or setting changeGlobal workspace
⌘ ⇧ Z / Ctrl Shift ZRedo previously undone edit decisionGlobal workspace
?Open accessible keyboard shortcut dialogGlobal workspace
EscapeClose open dialog modal and return focus to triggerActive dialog
Tab / Shift+TabNavigate forward / backward through interactive controls in logical DOM orderGlobal page navigation

WCAG 2.2 AA Compliance Pillars

How our interface tokens, DOM architecture, and ARIA patterns ensure full accessibility.

Color Contrast Standards (≥ 4.5:1)

All text tokens in both Light Mode (Warm Paper & Ink) and Dark Mode (Studio Obsidian & Steel) maintain minimum contrast ratios of at least 4.5:1 against their respective background surfaces. UI component boundaries maintain ≥ 3.0:1 contrast.

Visible Focus Rings (3px Signal)

Interactive elements feature a prominent, high-contrast 3px solid focus ring (:focus-visible) with 2px offset to guarantee clear navigation tracking for keyboard users.

Screen Reader ARIA Live Regions

Asynchronous operations (e.g. scanning audio, recomputing silence cuts, saved time metrics) are broadcast politely via aria-live="polite" without stealing keyboard focus or interrupting user speech.

Reduced Motion Compliance

When prefers-reduced-motion: reduce is detected, all CSS transforms and transitions are disabled instantly to protect users prone to vestibular disorders.