Search

The alt attribute (often incorrectly identified as the “alt tag”) is the small bit of identifying text given to images in web design. You can see this alt text when you roll over the image with your cursor or it replaces the image if the image does not load (either due to a coding problem or if the user has set the browse to not load images). The alt text is especially good for users who use a screen reader (often due to vision problems), as the screen reader will read this text to them, becoming a textual replacement of the image they cannot see. Many web design programs and blog platforms ask you for the atl attribute text now when you insert images. Make sure you fill it out. Try to use less than 60 characters to identify the image and provide any info that can act as a replacement for the image. You can also had code this in. Either way, make sure any images that add content (and not just design) to your web page, blog, or digital media have an alt attribute describing it.

Here is an example. Roll over this image:

Screen Space Logo: Screen with Screen Space written on it

Find out more in Screen Space Episode 1: Five easy things you can do to make your websites stronger

Something to say?