Need some help  with accessiBe?
Find your answers  here!

How can I change the location of the interface and accessibility button?

accessiBe’s interface is opened by clicking on the accessibility icon. When it’s closed, users will only see the button and not the interface. accessiBe’s default location for the interface is in the bottom right corner of the site for better user experience and convenience. However, you can choose to change the location of the icon, which will also be the location of the interface when it is opened. Here’s how:

1. Go to your account area by clicking on ‘Account’ in the upper right corner on accessiBe’s website.

Screenshot of instruction

2. Click on the ‘Installation’ page.

Screenshot of instruction

3. You’ll see two installation options. In order to customize your interface, you’ll choose the ‘Advanced and Customized Installation’

Screenshot of instruction

4. Here you’ll see multiple customization options to choose from. Specifically for this guide, in order to change the location of the accessibility button and interface, look for these fields:

  • Trigger horizontal position
  • Trigger vertical position
  • Mobile trigger horizontal position
  • Mobile trigger vertical position

Make the location changes according to your preferences. You can also change the button size in the ‘Trigger Button Size’ field.

Screenshot of instruction

Screenshot of instruction

5. When you’ve completed the customization options, click ‘Generate Custom Script’. This script incorporates your customization preferences and is the one you need to paste into your site’s body tag.

Screenshot of instruction

That’s all! Now your accessibility button and interface will be in the location that you chose.

AUDIT YOUR WEBSITE FOR FREE

Find out now if your website is ADA  & WCAG  Compliant