Keyboard interaction
| Key | Action |
|---|---|
| Tab | Moves focus to the button or link. |
| Enter | Activates the button, or follows the link. |
| Space | Activates the button. On links, scrolls the page (native behavior). |
Accessibility notes
- The accessible name is the element’s text. Icon-only buttons need an
aria-label. - Text meets a 4.5:1 contrast ratio for every variant, tone and theme; the palette generator enforces it.
- The focus ring is a 2px outline with at least 3:1 contrast against the page in both themes.
- A disabled
<button>leaves the tab order. A disabled link stays focusable, so screen reader users can find it, and is announced as disabled. - In forced-colors mode the transparent border turns into a visible system-colored outline.