AccessibilityWidget
Floating panel that lets users change accessibility preferences (reduced motion, high contrast, focus indicators, spacing, font size, dyslexia font, color vision). Renders as a tab that opens into a panel. Place it inside AccessKitProvider, usually in your layout or shell.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| initialPosition | AccessKitPosition | "center-right" | No | Where the tab first appears. One of "bottom-right", "center-right", "top-right", "bottom-left", "center-left", "top-left". Users can drag the tab to reposition it. |
| style | AccessibilityWidgetStyle | - | No | Optional theme colors to match your site. Keys: primary, tabBackground, tabIcon, panelBackground, panelText, border, mutedText, hoverText. Each value is a CSS color string. Omit keys to keep the default theme. |
| defaultOpen | boolean | false | No | Whether the panel is open on first render. |
| zIndex | number | 2147483643 | No | Stacking order for the tab and panel. Higher than the dev tools default so the widget stays on top when both are present. |