ADA Compliance
Your Alternative Text should clearly convey the image’s purpose—briefly when possible, thoroughly when needed. For example, an infographic would need to include all the information embedded in the image.
Use % in the width field and delete any default numbers that appear in the height field as you do. This will ensure that images appear correctly on any sized device screen.
To resize an image simply change the percentage.
When you want your image to appear alongside your text you can use the Alignment feature to set the image to align right or left. This is demonstrated with the image in this box. This is better for accessibility than using a table to do this task.
Hspace and Vspace help you set how much space you would like between an image and the other parts of the page.
You can use the Border setting to give the image a border and set its thickness. Leave it blank if you don't want a border. The image above shown has a border of 1.
Use the Link tab at the top of the Image Properties box to add a link to the image that it will click out to.
*The content on this page was adapted from LibGuide design: Best practices and guidelines: using Images. Erica Nicol, Washington State University Libraries.
Be inclusive in your visual examples. Stock photography is often not very inclusive of different kinds of people and the resources below provide images to help fill that gap. Be mindful, however, about using these images in ways that do not reinforce stereotypes. Most of the images are offered with Creative Commons but check the terms of their license before you use them.
