Premium Add-on - ADA Protect - Modal Popup

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.

ADA PROTECT SETTINGS

Tabs -> Modal Popup

Settings (Modal Popup Settings)

1-Dec-01-2023-03-47-29-6118-AM

Popup Position - "Right" by default

2-Dec-01-2023-03-47-39-1048-AM

Draggable - "Yes" by default

3-Dec-01-2023-03-47-48-7373-AM

Light Theme (Select colors for the Day (Light) theme)

  • Background Color - "#FFFFFF" by default

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

  • Text Color - "#333333" by default

Dark Theme (Select colors for the Night (Dark) theme)

  • Background Color - "#16191B" by default

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

  • Text Color - "#DEEFFD" by default

Appearance and Behavior (Set the modal popup appearance and behavior)

Border Radius - "20px" by default

 4-Dec-01-2023-03-47-58-6442-AM
Animation - "Fade" by default
Animation Duration - "600" by default

Popup Shadow - Show popup shadow

Overlay - Show overlay layer

5-Dec-01-2023-03-48-07-1432-AM

  • Scroll - "Yes" by default - Scrolling on the page while the popup is open.

  • Close Anywhere - "No" by default - Close by clicking outside the popup

  • Reset Button - Shows and hides the Reset button

     
    6-Dec-01-2023-03-48-14-2801-AM
  • Hide Button - Shows and hides the Hide Forever button

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