Collection · components
Calm interfaces
The lowest-motion components for a11y-sensitive builds.
Rule behind this list: Filtered to element-kind entries without the motion tag — no autonomous loops — ordered by accessibility score.
Featured member
Copy Icon Button
Copies, confirms in place with a ✓, and announces once via a polite live region. The smallest honest bridge between reading and building.
a11y 99 · Q 96 · 0.8 KB · the filter put it first
showing 10 of 10 members
Reorder List (announced)
Keyboard-first reordering with real buttons — up/down moves are announced, bounds disable, and drag is the optional extra, not the only path.
Lifecycle Badge Set
Draft, review, live, archived — using the catalog's own AssetStatus, each badge pairing colour with a letter so the state survives grayscale.
Sortable Table (aria-sort)
The full sorting pattern the catalog tables were missing — aria-sort on the headers, state announced, sort stored where a link can carry it.
Dialog with Return Focus
Closes back to the trigger that opened it — the a11y fixture for dialogs, verified by the site's own accessible-name fixtures.
Error Summary
One summary above the form naming every problem, each line a link to its field, focus moved to the summary on submit — the pattern that turns form errors from a hunt into a list.
Skeleton Profile Feed
A profile-card skeleton with a directional shimmer sweep and staggered line widths — the loading state people actually see, designed instead of defaulted.
Radio Pills
Keyboard-first segmented radios that announce the checked option: arrow keys move the selection, focus stays visible, and the checked pill carries the accent.
Live Region Lab
A working aria-live lab: polite vs assertive announcements, a visually hidden announcer you can reveal, and a log of what screen readers actually hear.
Labelled Divider
The '— or —' separator as a component, with role=separator and a label the reader hears rather than skips.
Bundle estimate
10.1 KB
upper bound — sum of members
Accessibility
99
lowest member score · 4 keyboard-first
Last updated
2026-09-12
newest member publish date
Members
10
of 131 matches
Collections are URLs, not saved state — copy the address bar and send it. The rule above explains membership, so nobody has to guess why an item is in or out.
All collections →