{"id":199111,"date":"2024-12-23T09:23:59","date_gmt":"2024-12-23T14:23:59","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&p=199111"},"modified":"2025-08-15T11:20:55","modified_gmt":"2025-08-15T15:20:55","slug":"how-to-make-optinmonster-campaigns-ada-compliant","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-make-optinmonster-campaigns-ada-compliant\/","title":{"rendered":"How to Make OptinMonster Campaigns ADA Compliant"},"content":{"rendered":"\n

Creating accessible campaigns ensures that all visitors, including those with disabilities, can engage effectively with your content. While OptinMonster offers features to support accessibility, achieving full compliance with the Americans with Disabilities Act (ADA) depends on how you configure your campaigns.<\/p>\n\n\n\n

In this article, you\u2019ll learn the best practices and features you can use to make your OptinMonster campaigns ADA-compliant.<\/p>\n\n\n\n

Before you start<\/em><\/strong>, ADA compliance requirements can vary based on your specific situation and audience. We recommend using external accessibility testing tools to evaluate your campaigns. This guide from W3<\/a> is a great place to start.<\/p>\n\n\n\n

\n

Important:<\/p>\n\n\n\n

If specific compliance issues are identified during testing, our support team can assist on a case-by-case basis. This might involve adjusting existing settings or, in some cases, providing custom code.

However, we cannot guarantee that all compliance issues can be resolved.<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

While OptinMonster doesn’t guarantee ADA compliance, you can leverage its features to design campaigns that are more accessible. Here’s a breakdown of functionalities you can utilize:<\/p>\n\n\n\n

Colors<\/h2>\n\n\n\n

Ensuring your campaign\u2019s colors are visually appealing and accessible is essential for creating a great user experience for everyone, including users with visual impairments. This helps improve readability, which is critical for ADA compliance.<\/p>\n\n\n\n

OptinMonster makes it easy to customize the colors of various campaign elements, such as backgrounds, text, links, buttons, and close icons.<\/p>\n\n\n\n

\n

<\/p>\n\n\n\n

You can also customize the design of your campaigns to align with your site\u2019s branding by creating a color profile. <\/p>\n\n\n\n

Learn how to create and use color profiles in OptinMonster<\/a><\/p>\n<\/div>\n\n\n\n

\n

<\/p>\n\n\n\n

Test your campaign’s color combinations using a tool like WebAIM\u2019s Contrast Checker<\/a> to ensure your campaigns are accessible and readable for everyone, including users with visual impairments or color blindness.<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

Background Color<\/h3>\n\n\n\n

To adjust your campaign’s background color, follow these steps:<\/p>\n\n\n\n

    \n
  1. In the Design<\/strong> view of the campaign builder, select the Settings<\/strong> icon.\"\"<\/li>\n\n\n\n
  2. Next, from the Basic<\/strong> tab in the sidebar, select the Background Color<\/strong> swatch to open the color editor. \"\"<\/li>\n\n\n\n
  3. Here, you can select a color and change the background.\"\"<\/li>\n\n\n\n
  4. When you are finished, Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n

    To adjust your campaign’s background overlay color, please refer to our detailed guide here<\/a>.<\/p>\n\n\n\n

    Text Color<\/h3>\n\n\n\n

    To adjust your campaign’s text color, follow these steps:<\/p>\n\n\n\n

      \n
    1. In the Design<\/strong> view of the campaign builder, locate the Text block you want to edit.\"\"<\/li>\n\n\n\n
    2. Next, double-click the text to select a single word or triple-click to select all the text within the block.\"\"<\/li>\n\n\n\n
    3. Select the Text Color<\/strong> icon to open the color picker. \"\"<\/li>\n\n\n\n
    4. From here, you can select a new color for your text.\"\"<\/li>\n\n\n\n
    5. Or you can enter a HEX color code to set a custom color.\"\"<\/li>\n\n\n\n
    6. When you are finished, click OK<\/strong> to apply the changes.\"\"<\/li>\n<\/ol>\n\n\n\n

      Button Color<\/h3>\n\n\n\n

      To adjust your campaign’s button color, follow these steps:<\/p>\n\n\n\n

        \n
      1. In the Design<\/strong> view of the campaign builder, locate the Button block you want to edit.\"\"<\/li>\n\n\n\n
      2. Select the settings icon.
        \"\"<\/li>\n\n\n\n
      3. From the Advanced<\/strong> tab in the sidebar, \n