use images appropriately and describe them accurately for those who cannot see them
provide a description for all images on the page
provide the height and width for all images on the page
do not use height and width to resize images within an HTML tag
use CSS to resize, and ideally, use an image editor to size the image correctly before
using it
your file explorer can be used to find the height and width of an image
images used as backgrounds through CSS do not need alt tags--they can be elminated by those
using assistive technologies
best practices:
don't turn text into images--text should remain selectable (and searchable)
letter by letter
use the appropriate format for images--.jpg for photo-like; .gif for line-drawing type
images; .png for images with transparency
New HTML Covered
alt
property that should be used with the <img> tag to provide a description of the image
height
property that should be used with the <img> tag to declare the height dimension of an image.
It should not be used to resize the image (use CSS to resize, or better yet, start with an image of the correct size).
width
property that should be used with the <img> tag to declare the width dimension of an image.
It should not be used to resize the image.