Privy Display's ADA Compliance
The Department of Justice (DOJ) published the Americans with Disabilities Act (ADA) Standards for Accessible Design in September 2010. These standards state that all electronic and information technology must be accessible to people with disabilities. Privy strives to stay compliant and is making changes to become more ADA compliant to enable all who interact with Privy campaigns to navigate them easily.
The following Privy campaign types are considered dialogs or modals for ADA compliance.
- Popups
- Flyouts
- Banners
- Spin-To-Win
- Thank You Displays
Bars, mobile-bars, embedded forms, and landing pages are not considered dialogs or modals. Below is how Privy has adhered to ADA compliance regulations for the dialogs and modals listed above.
- Site visitors can identify your Privy campaign as a separate modal, focus on the text in the campaign, and close the campaign.
- Site visitors can use the tab button to navigate through elements (text, form fields, buttons) on the campaign.
- Written context is given to identify and clarify the form fields (email, phone, text, etc.).
- Interact with or select answers to different forms or buttons/links (checkboxes, radio buttons, buttons, and links).
Privy continues to strive for further compliance and will be continuing to make improvements to become more compliant. If you have further questions about this, please don't hesitate to reach out to the Privy team at research@privy.com.
Design Compliance Tips
We also recommend the following for contrast and color in both onsite display and email designs. Users, including users with visual disabilities, must be able to perceive the content you are showing. WCAG requires "at least 4.5:1" contrast, where contrast is a measure of the difference in perceived "luminance" or brightness between two colors.
Below is an excerpt from WebAIM (Web Accessibility in Mind) that shows four examples of text with the minimum 4.5:1 contrast requirement for WCAG compliance.
Here is a website that will help you determine the contrast ratio to ensure your text's readability. These contrast requirements also apply to the text within a graphic, called "images of text," and the contrast and readability of text can also be affected by the size, fonts, hover states, and more.