A11Y: Files Inspector version actions have 32 px touch targets #887

Open
opened 2026-10-02 17:34:02 +00:00 by kayg · 0 comments
Owner

Evidence

The download and restore actions in each Inspector version row use .icon-link.small. That rule sets both dimensions to 32 px. The controls do not use touch-hit or another expanded hit area. On a coarse pointer they stay below the 44 px minimum.

  • apps/web/src/lib/files/InfoPanel.svelte:257-259,348-368

Expected behaviour

Keep the visual icon compact and give both actions a hit area of at least 44 × 44 px on touch.

Design rule

DESIGN.md §35 sets a 44 px minimum for coarse-pointer targets. packages/ui/src/tokens.css:1382-1401 says a small control must use the shared touch-hit area or equivalent.

Test idea

Run the touch-target layout check with a coarse pointer and verify both actions have at least a 44 × 44 px hit area.

## Evidence The download and restore actions in each Inspector version row use `.icon-link.small`. That rule sets both dimensions to 32 px. The controls do not use `touch-hit` or another expanded hit area. On a coarse pointer they stay below the 44 px minimum. - `apps/web/src/lib/files/InfoPanel.svelte:257-259,348-368` ## Expected behaviour Keep the visual icon compact and give both actions a hit area of at least 44 × 44 px on touch. ## Design rule DESIGN.md §35 sets a 44 px minimum for coarse-pointer targets. `packages/ui/src/tokens.css:1382-1401` says a small control must use the shared `touch-hit` area or equivalent. ## Test idea Run the touch-target layout check with a coarse pointer and verify both actions have at least a 44 × 44 px hit area.
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
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
kayg/calternal#887
No description provided.