- Taxonomic name: A-LEGAL-TEXT-IMAGE
- Added on: v4.5.0 (07/12/18)
- Updated on: v5.6.0 (20/04/21)
Legal supporting text and image
This simple component helps to lay out legal supporting text with a logo image.
Design and usage
- Supporting image reserved for logos only
- Logo image dimensions must be 87px x 65px
Examples
Interactive example
Code example
<div class="a-legal-text-image">
<img src="..." decoding="async" width="..." height="..." alt="" />
<p>...</p>
</div>Development and test
Notes for developers
Not all images require an alt attribute. Only include one if the image is conveying important information that is not included elsewhere in the copy on the page.
Lazy loading can be applied to images. For how to do this see the lazy loading page for reference.
Notes for testers
Ensure that images only have alt text if the image is critical to the understanding of the document.
Classes overview
The following table gives you a quick overview of the CSS classes that can be applied.
| Class | Outcome | Required | Applied to | Comments |
|---|---|---|---|---|
.a-legal-text-image |
Base style for legal supporting text and image | Yes | div |
Component releases
- Added on: v4.5.0 (07/12/18)
- Updated on: v5.6.0 (20/04/21)
Latest update:
- updated: To improve page load and layout times the additional attributes decoding="async", width and height must be set on all inline images.