Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Accessibility and content

Keyboard, focus, and motion

A source-specific interaction checklist separates implemented semantics from verification still required.

On this page

Source evidence

Source evidence
InterfaceImplemented evidenceRemaining check
TaskCheckboxNative button; aria-pressed; title included in accessible nameControlled persistence, announcements in each container
SettingsToggle / ScheduleTogglerole=switch; aria-checked; schedule namingDisabled and save semantics in every workflow
Project orderingHandle name explains drag/arrow keys; workspace supplies handlerFocus stability, persistence failure, reduced-motion animation
Project statusmenuitemradio and aria-checked; Escape dismissalArrow-key traversal and focus return
Day pickerFull-date button labels; nonmodal dialogPredictable keyboard navigation and focus management
Completion dialogAlertdialog IDs, initial focus, Escape and restorationTab/Shift+Tab containment and screen-reader context
Agenda block detailBody lock, focused panel, Escape and restorationContainment and reading order
Block editorNative time fields and polite validationModal naming, containment and restoration
Agenda drag/resizePointer snapping and live announcementsEquivalent keyboard/touch editing and error recovery
Undo notificationStatus semantics; named dismiss; seven-second lifetimeReachable recovery and timing requirements
Running notesTyped text/task blocks and local editing logicManual rich-editor screen-reader and keyboard testing

Manual verification protocol

  • Start with keyboard only. Reach every action, operate it, dismiss its surface, and confirm where focus returns.
  • For dialogs, cycle Tab and Shift+Tab through the entire boundary. Verify that background controls cannot capture focus unexpectedly.
  • Check a screen reader’s announcement of the task title, state change, menu choice, error, and dialog context. Record the browser and assistive technology used.
  • Test 200% zoom and narrow layouts, then reduced-motion preference. Include long titles and overlapping agenda blocks.
  • Confirm that removing an entry and Undo are usable without relying on a short visual animation or a mouse.

Audit boundary

This reference records visible semantics and inspected source behavior. It does not report JAWS, NVDA, VoiceOver, or complete WCAG testing as performed. Captures use reduced-motion preference and verify rendering, not every timing interaction.

Examples from the app

Actual Radarist components with fictional data. Captured at 2× resolution or higher. Select an image to inspect it full size.

Task Checkbox · Component detail · Light · Desktop · 1864 × 444 px
Task Checkbox · Component detail · Light · Desktop · Focus · 1864 × 444 px
Completion · Dialog detail · Light · Desktop · 1120 × 832 px

Source audit: 2026-10-07 · Revision 0103e2549959 · Documentation v0.1