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>