Accessibility
What Foundation guarantees, and the controls to check it here rather than take it on trust.
Commitments
What Foundation guarantees, and where it is implemented.
| Keyboard operation | Every interactive surface — sidebar, palette, workbench, dashboard grid, flow canvas — is fully operable without a pointer. |
|---|---|
| Focus visibility | :focus-visible is styled globally, never removed per component. |
| Focus management | Modal surfaces move focus in on open and restore it to the trigger on close. |
| Drag alternatives | Dashboard tiles move with arrow keys; the flow canvas connects nodes with Enter. |
| Announcements | Layout changes, keyboard moves and optimistic failures are announced through live regions. |
| Colour is never alone | Status carries a dot, a label or an icon as well as a hue. |
| Touch targets | Coarse pointers get at least 44px regardless of the selected density. |
| Reduced motion | Honoured from the OS and from an explicit user preference. |
Check it here
These apply to the whole running application, not this page.
Strengthens borders, text and the focus ring.
Removes transitions and animation everywhere.
Press Tab from the top of the page: the first two stops are the skip links, which is what lets a keyboard user bypass the navigation.
Contrast
Computed from the shipped tokens, not asserted.
| Pair | Ratio | WCAG AA |
|---|---|---|
| Body text on surface | 18.58:1 | Passes for body text |
| Secondary text on surface | 5.98:1 | Passes for body text |
| Muted text on surface | 3.07:1 | Large text and UI only |
| Body text on canvas | 17.33:1 | Passes for body text |
| Dark body on dark surface | 16.74:1 | Passes for body text |
| Dark secondary on dark surface | 10.00:1 | Passes for body text |