Accessibility
Responsive, touch and motion
Phone captures preserve the source’s generous spacing and reveal constraints rather than hiding them.
On this page
Observed behavior
The link grid wraps columns and boards wrap chips. Settings cards keep large inner padding. Fixed editors lack viewport-height scrolling. Open suggestions can be partially outside the phone viewport. These conditions should be evaluated with long descriptions, larger text and software keyboards.
Touch and reduction
Source @media(hover:none) keeps board-removal controls visible. Link edit handles are 24px squares; not all targets meet a generous touch-area expectation. Pointer/touch sensor thresholds are documented per workflow.
No reduced-motion media query exists in global styles. Hover lift, small scale changes, wallpaper fade and drag transforms remain active. A future reduction policy should retain useful state feedback without depending on animation.
Review matrix
- 390×844 phone viewport and short-height viewport with every editor open.
- 200% text zoom and long translated labels.
- Touch mode for hover-only controls.
- Reduced-motion preference with wallpaper and sorting.
- Expanded capture separately labeled when the source exceeds a viewport.
Source references
| Repository file | Responsibility |
|---|---|
| app/globals.css | Motion/touch rules |
| app/(home)/AppHome.tsx | Fixed overlays and grid |
| app/settings/boards/BoardsList.tsx | Touch controls |
Examples from the app
Actual Startboard source UI with isolated fictional records; both native themes at 2× resolution or higher. No live integrations or account writes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-08 · Revision 08fa2595a668 · Documentation v1.0.0