RightSight User Guide · Appendix

Keyboard Shortcuts v7.6 beta

RightSight Keyboard Shortcuts

Shortcut	Action
`Tab`	Navigate forward through interactive elements
`Shift + Tab`	Navigate backward through interactive elements
`Enter` / `Space`	Activate focused button, link, or control
`Escape`	Close current modal, drawer, or popover

Modals & Drawers

Shortcut	Action
`Escape`	Close the current modal or drawer
`Tab`	Navigate within modal (focus is trapped)
`Enter`	Submit/confirm the modal action

Tables

Shortcut	Action
`↑` / `↓`	Navigate table rows
`Enter`	Open detail view for selected row
`Space`	Toggle row selection (checkbox)

Graph (Enterprise Trust Map)

Shortcut	Action
`+` / `-`	Zoom in / Zoom out
`0`	Fit graph to screen
`F`	Toggle fullscreen
`Enter`	Select/expand focused node
`/`	Focus search bar

Accessibility Features

ARIA Labels

All interactive elements include descriptive aria-label attributes: - Buttons describe their action (e.g., "Configure connection", "Execute pipeline") - Icons include alt text - Form inputs have associated labels - Tables include column headers and row descriptions

Focus Management

Modal focus trapping — When a modal or drawer opens, focus is trapped within it until closed.
Focus restoration — When a modal closes, focus returns to the trigger element.
Skip navigation — Keyboard users can skip repetitive navigation.

Semantic HTML

<nav> for navigation sections
<main> for primary content
<article> for independent content sections
<button> for interactive actions (not <div> with click handlers)
<table> with <thead>, <tbody>, <th> for data tables

Color Contrast

All text meets WCAG 2.1 AA contrast requirements.
Status indicators use both color and icon/shape for accessibility.
Focus outlines are visible on all interactive elements.

Dynamic content changes are announced via ARIA live regions.
Loading states are communicated (e.g., "Loading data..." announcements).
Error messages are announced immediately.

Motion Preferences

Animations respect prefers-reduced-motion media query.
All animations use transition-all duration-200 ease-in-out for smooth, non-jarring transitions.
No blinking elements — attention indicators use soft glow animations.

Desktop-Optimized Design

RightSight is designed as a desktop-first SaaS application: - Optimized for screen widths ≥ 1280px. - Sidebars, drawers, and modals designed for desktop interaction. - Layouts are fluid and adaptive for large desktop displays.