Brand Name Logo Implementation Guidelines for Lead Forms
  • 24 Jan 2025
  • 1 Minute to read
  • Dark
    Light

Brand Name Logo Implementation Guidelines for Lead Forms

  • Dark
    Light

Article summary

Summary

The Brand Name labels must be included in your lead form to ensure that our script can capture both the brand names and the consent provided by the consumer for each brand. These guidelines outline the proper implementation of brand name logos on lead forms. By following these guidelines, you ensure that the implementation of brand name logos in lead forms adheres to accessibility standards and provides a consistent user experience.

Please Note

Images will not be stored in the VMS system, whether embedded or external.

Requirements:

  • Use the <img> tag within a <label> tag.

  • Include an alt attribute in the <img> tag, setting it to the brand name.

  • Assign an id to the <input> tag, prefixed with leadid_tcpa_brandname.

Examples

1) Valid Brand Names Using Embedded Images

1.1) Embedded Image with alt Attribute, <label> with Styled Text After <input>, <input> Inside <label>:

<label>
  <input id="leadid_tcpa_brandname_01" type="checkbox" />
  <div class="any-class-name">
    Company Brand Name Example
  </div>
  <img
    src="https://example.com/images/logo.png"
    alt="Brand Name Example"
  />
</label>

1.2) Embedded Image with alt Attribute, <label> with No Text, <input> Outside <label>:

<input id="leadid_tcpa_brandname_02" type="checkbox" />
<label for="leadid_tcpa_brandname_02">
  <img src="https://example.com/images/logo.png" alt="Brand Name Example" />
</label>

1.3) Embedded Image with alt Attribute, <label> with No Text, <input> Inside <label>:

<div class="tcpa">
  <label for="leadid_tcpa_brandname_03">
    <input id="leadid_tcpa_brandname_03" type="checkbox" />
    <img src="https://example.com/images/logo.png" alt="Brand Name Example" />
  </label>
</div>

2) Valid Brand Names Using External Images

2.1) External Image with alt Attribute, <label> with No Text, <input> Inside <label>:

<label>
  <input id="leadid_tcpa_brandname_02" type="checkbox" />
  <img src="https://example.com/images/logo.png" alt="Brand Name Example" />
</label>

2.2) External Image with alt Attribute, <label> with Styled Text After Image, <input> Outside <label>:

<input id="leadid_tcpa_brandname_03" type="checkbox"/>
<label for="leadid_tcpa_brandname_03">
  <img src="https://example.com/images/logo.png" alt="Brand Name Example" />
  <div>
    <span style="font-weight:bold;">Company Brand Name Example</span>
  </div>
</label>

2.3) External Image with alt Attribute, <label> with Plain Text, <input> Outside <label>:

<input id="leadid_tcpa_brandname_03" type="checkbox"/>
<label for="leadid_tcpa_brandname_03">
  <img src="https://example.com/images/logo.png" alt="Brand Name Example" />
  Company Brand Name Example
</label>

2.4) External Image with alt Attribute, <label> with Plain Text, <input> Outside <label> (Alternative Format):

<div class="tcpa">
  <label for="leadid_tcpa_brandname_04">
    <input id="leadid_tcpa_brandname_04" type="checkbox" />
    <img src="https://example.com/images/logo.png" alt="Brand Name Example" />
  </label>
</div>

Questions

For strategy & analytics support, reach out to our Customer Success team: customersuccess@jornaya.com

For technical support, reach out to our support team: support@jornaya.com


Was this article helpful?