AAA-07: Accessibility, responsive layouts, and keyboard-first interaction pass #21

New Issue

Rbanh · 2026-02-18T21:51:17-05:00

Rbanh commented

2026-02-18 21:51:17 -05:00

Objective

Reach production-grade accessibility and responsive usability across common device sizes.

Scope

Add keyboard navigation for major workspace controls and canvas actions.
Improve focus states, ARIA labels, and screen-reader-friendly control naming.
Optimize panel behavior for narrower screens and lower-resolution laptops.
Add keyboard shortcut map and command-palette style quick actions.

Acceptance Criteria

Core workflows are operable without a mouse.
Accessibility checks pass for critical paths.
UI remains usable at 1280x720 and 1440x900 without layout breakage.
Browser QA includes keyboard and responsive scenarios.

## Objective Reach production-grade accessibility and responsive usability across common device sizes. ## Scope - Add keyboard navigation for major workspace controls and canvas actions. - Improve focus states, ARIA labels, and screen-reader-friendly control naming. - Optimize panel behavior for narrower screens and lower-resolution laptops. - Add keyboard shortcut map and command-palette style quick actions. ## Acceptance Criteria - Core workflows are operable without a mouse. - Accessibility checks pass for critical paths. - UI remains usable at 1280x720 and 1440x900 without layout breakage. - Browser QA includes keyboard and responsive scenarios.

Rbanh added this to the Phase 4 - AAA SaaS Productization and UX Polish milestone 2026-02-18 21:51:37 -05:00

Rbanh commented

2026-02-18 22:16:05 -05:00

Completed in commit e244598.

Delivered:

Added keyboard shortcut discoverability with a dedicated Shortcuts modal.
Added Ctrl/Cmd+K command palette with core workspace actions (auto layout/tidy, fit, focus, label toggle, sample/project actions).
Expanded keyboard-first behavior and modal close handling (Esc consistently closes command/shortcut/schema modals in priority order).
Added responsive-safe compact modal styling for shortcuts/commands.
Updated README behavior/shortcut documentation and browser regression flow to exercise command palette behavior.
Refreshed visual baselines for updated topbar/panel scenes.

Validation:

node --check frontend/app.js
node --check tests/ui-regression-runner.js
npm test
npm run test:ui:update-baselines
npm run test:ui

Completed in commit `e244598`. Delivered: - Added keyboard shortcut discoverability with a dedicated `Shortcuts` modal. - Added `Ctrl/Cmd+K` command palette with core workspace actions (auto layout/tidy, fit, focus, label toggle, sample/project actions). - Expanded keyboard-first behavior and modal close handling (`Esc` consistently closes command/shortcut/schema modals in priority order). - Added responsive-safe compact modal styling for shortcuts/commands. - Updated README behavior/shortcut documentation and browser regression flow to exercise command palette behavior. - Refreshed visual baselines for updated topbar/panel scenes. Validation: - `node --check frontend/app.js` - `node --check tests/ui-regression-runner.js` - `npm test` - `npm run test:ui:update-baselines` - `npm run test:ui`

Rbanh closed this issue

2026-02-18 22:16:06 -05:00

Sign in to join this conversation.

No Label

No Milestone

No project

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Rbanh/schemeta#21