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 easily navigate them.
The following Privy campaign types are considered dialogs or modals for the purpose of ADA compliance.
- Popups
- Flyouts
- Banners
- Spin-To-Win
- Thank You Displays
Bars, mobile-bars, embedded forms and landing pages on the other hand are not considered dialogs or modals. Below are the ways in which Privy has adhered to ADA compliance regulations for the dialogs/modals listed above.
- Site visitors can identify your Privy campaign as a separate modal, focus on 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 will be 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 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 to determine the contrast ratio to ensure readability of your text. These contrast requirements also apply to text within a graphic, called "images of text", and the contrast and readability of text can also be affected by size, fonts, hover states, and more.