Images
Images represent our content, support editorials, or can be used for ornamental purposes.
Accessibility
- Images should be placed on the page with an
<img>tag. Only use CSS background-image property when the image is ornamental and/or structural. - Alt tags and title tags should be added to the source code of the embedded images. It's better to leave the ALT tag blank (ALT="") then to enter a text description that's not useful or is redundant. For example an image with a caption below it does not need alt text that matches the caption, leave the alt text blank to avoid redundancy.
- Images (navigational buttons, banners, and image maps) with descriptive text can borrow the text shown in the graphic and use this text for both ALT and title attributes.