Fundamentals

Accessibility

Components follow the WAI-ARIA authoring practices: native elements where possible, one tab stop per composite control, visible focus, reduced motion.

Names

Fields use label. Without a visible label, set aria-label-text.
Icon-only buttons need label; kern-tooltip only adds a visible hint.
kern-icon is decorative unless it has a label.

Keyboard

Pattern	Components	Keys
Listbox / menu	`kern-select`, `kern-menu`	Enter, Space, arrows, Home/End, letters, Escape
Radio group (one tab stop)	`kern-radio-group`, `kern-segmented`, `kern-rating`	Arrows move and select
Grid	`kern-calendar`	Arrows, Home/End, Page Up/Down, Shift+Page Up/Down
Spin button / slider	`kern-time-picker`, `kern-step-input`, `kern-range`, `kern-color-picker`	Arrows, Page Up/Down, Home/End
Sortable table	`kern-table`	Tab to a header, Enter or Space sorts
Dialog	`kern-dialog`, `kern-drawer`	Focus stays inside, Escape closes, focus returns

Announcements

kern-alert tone="danger" and kern-toast tone="danger" are alerts; the others are polite.
kern-skeleton is hidden from assistive technology: set aria-busy="true" on the loading container.
While a modal dialog is open everything outside is inert. Toasts shown then are neither clickable nor announced; close the dialog first.

Motion

Animations (drawer, toasts, skeleton shimmer, chevrons) stop under prefers-reduced-motion.