Labeling
- The visible title and description should provide a clear checkbox label.
- Because the card renders as a labeled surface, the whole card should contribute to the accessible name and intent.
Keyboard Behavior
AnnouncementFocus the demo and press a key from the table.
| Key | Action |
|---|---|
| Space | Checks or unchecks the focused card. The whole card is one native checkbox. |
| TabShift + Tab | Moves the focus to the next or previous card. Each card is its own tab stop. |
- The whole card should remain understandable when focused through the actual checkbox control.
Focus Behavior
- Focus should remain visible on the interactive card surface or control.
- Disabled cards should not appear focusable.
Screen Reader Semantics
- The final semantics are checkbox semantics, not generic card semantics.
indeterminateshould remain perceivable as a mixed state.
Accessibility Risks
- making only the visual indicator discoverable while the surrounding content feels inert
- using checkbox cards for single-select flows
- hiding the checkbox meaning behind decorative marketing content