Premium Add-on - ADA Protect - Open Button

In this article you'll be guided through the use of our ADA Protect tool to ensure equal opportunity for people with disabilities.

We now provide a full ADA compliant user widget to protect you and your company from any lawsuits.

What is ADA Compliance?

The Americans with Disabilities Act Standards for Accessible Design was published by the Department of Justice (DOJ) in September 2010. This regulation states that all any any electronic and information technology should be accessible to anyone with disabilities.

If you haven't read our first article on the General Tab you can access it here:

ADA PROTECT SETTINGS

Tabs -> Open Button

Settings (Open Button Settings)

1-Dec-01-2023-03-44-56-6927-AM

  • Show Open Button - "Yes" by default

  • Tabulation Index - "0" by default

  • Caption

     
    2-Dec-01-2023-03-45-04-5948-AM

    Icon

     
    3-Dec-01-2023-03-45-11-7726-AM

    Icon Position

     
    4-Dec-01-2023-03-45-23-2686-AM

    Icon Size

     5-Dec-01-2023-03-45-31-2341-AM
    Position (Open Button Position)
6-Dec-01-2023-03-45-37-6384-AM
  • Position - "Bottom Right" by default

     
    7-Dec-01-2023-03-45-44-6195-AM

    Margin - "10px" by default

     
    8-Dec-01-2023-03-45-52-2178-AM

    Padding - "20px" by default

     9-Dec-01-2023-03-46-00-3112-AM
    Border (Open Button Border)
10-Dec-01-2023-03-46-07-1540-AM
  • Border Radius - "50px" by default

  • Border Width - "3px" by default

  • Border Color - "#FFFFFF" by default

  • Border Hover Color - "rgba(33, 150, 243, 1)" by default

Color (Open Button Color)

11-Dec-01-2023-03-46-14-3826-AM
  • Icon/Caption Color - "#FFFFFF" by default

  • Icon/Caption Hover Color - "rgba(33, 150, 243, 1)" by default

  • Background Color - "rgba(33, 150, 243, 1)" by default

  • Background Hover Color - "#FFFFFF" by default

Animation (Open Button Animation)

12-Dec-01-2023-03-46-21-5245-AM
  • Entrance Timeout - "0" by default

  • Entrance Animation - "Fade" by default

  • Hover Animation - "None" by default

Check out our other articles to view the rest of the tabs: