> For the complete documentation index, see [llms.txt](https://support.agentfire.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.agentfire.com/add-ons/ada-protect/articles-5654463-premium-add-on-ada-protect-open-button.md).

# How to Change the Accessibility Button

How to change the ADA Protect accessibility button: where it sits, its icon and caption, colors and animation.

The accessibility button is what visitors click to open ADA Protect. You can move it and change how it looks.

Go to **Site Tools** > **ADA Protect**. If it's not there, see [How ADA Protect Works](/add-ons/ada-protect/articles-5650283-premium-add-on-ada-protect-general.md). Click **Open button** on the left.

![ADA Protect settings with the Open button tab highlighted](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-ce723807be33794a1f9b0d5ec7feba637d244e76%2Fada-2-button.png?alt=media)

* **Settings:** **Show Open Button**, the **Caption**, **Icon**, **Icon Position** and **Icon/Caption size**. Keep the button showing so every visitor can find the tools.
* **Position:** which corner the button sits in, plus **Margin** and **Padding** to nudge it.
* **Border:** **Border Radius**, **Border Width**, **Border Color** and **Border Hover Color**.
* **Color:** **Icon/Caption Color**, **Background Color** and their hover colors.
* **Animation:** **Entrance Animation**, **Entrance Timeout** and **Hover Animation**.

Click **Update** at the top to save. Then open your live website in a private window and click the accessibility button to check.

## Common Questions

<details>

<summary>The button covers my chat or another button.</summary>

Open the **Position** tab and move it to another corner, or change **Margin** to move it a little, then click **Update**. If it still covers something on phones, email <support@agentfire.com> with the page.

</details>

<details>

<summary>Is the eye icon at the bottom of my site the accessibility button?</summary>

No. The accessibility button is the person icon, usually in a bottom corner. An eye icon next to **Dashboard** and **Edit Page** is part of the bar only you see, because you're logged in.

</details>