> ## Documentation Index > Fetch the complete documentation index at: https://docs.katla.app/llms.txt > Use this file to discover all available pages before exploring further. # Accessibility widget > Add a button that lets visitors adjust text size, spacing, colours and motion on your site. The accessibility widget adds a button to a corner of your site. It opens a panel where a visitor can change how the page looks for them: text size, a readable font, line and letter spacing, text alignment, dark, light, high-contrast or inverted colours, saturation, highlighted links, headings, focus and hover, a large cursor, a reading guide, stopped animations, hidden images and muted sounds. It is free on every plan. The widget changes how the page looks for the visitor who asks. It does not find or fix accessibility problems, and installing it does not make your site conform to WCAG, EN 301 549 or the European Accessibility Act. To find real problems, use the accessibility results from your scans. ## Prerequisites * A domain added in Katla. The widget does not need a completed scan. ## Installation Open your site's **Accessibility** page in the dashboard and choose **Install widget**. Pick a corner, add your statement and feedback links, and copy the tag. The dialog shows a live preview of the real widget. Paste the tag once on every page, just before ``: ```html theme={null} ``` The widget sets no cookies and blocks nothing, so it does not have to come first on the page and does not wait for consent. Keep it a plain ` ``` Anything set there wins over the attributes. Only the labels you pass change. The same object also takes `site`, `position`, `mode`, `shortcut`, `skipLink`, `statementUrl` and `feedbackUrl`. Colours must be hex. ## Opening it from your own link If your footer already has an "Accessibility" link, point it at the panel instead of adding a second control: ```html theme={null} Accessibility ``` ```javascript theme={null} window.dispatchEvent(new Event('katla-a11y:open')); ``` ## Keyboard access A visually hidden "Accessibility settings" button is the first tab stop on every page, so a keyboard user does not have to tab through the whole site to reach it. Alt + Shift + A opens the panel from anywhere, and Escape closes it. ## What is stored A visitor's choices are saved in their browser's `localStorage` under `katla-a11y`. They are not a cookie, never leave the device, and need no consent. Visitors who have *reduce motion* or *increase contrast* switched on in their system settings start with those options already selected. ## Branding On the Free and Starter plans the panel shows a "Powered by Katla" line. Pro and above drop it. The tag is the same on every plan. ## Content Security Policy Allow `https://cdn.katla.app` in both `script-src` and `connect-src`. ## Installing with an AI agent With the [Katla MCP server](/mcp-server) connected, ask your agent to add the accessibility widget. It reads the `katla-accessibility-widget` skill and gets the tag from `katla_get_accessibility_widget_snippet`, so it uses your real site ID and settings. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.