Introduction
Alt text attributes, commonly and mistakingly named “alt tags,” are HTML attributes assigned to images to describe in words the content of the picture.
Three main reasons why we use alt text
1. Accessibility
People with visual impairment or blindness rely on alt text to decypher the images shown on the web. Thus, the alt text should be descriptive and relevant to the user.
2. User Experience
Alt text replaces the picture when it cannot load, allowing the user to gain context in the absence of images.
3. SEO
Search engines “read” alt text to gain further knowledge about images. Then they use this information to index pictures appropriately. As image search becomes more relevant, it is crucial to follow “best practices” when it comes to the name of the file and alt text.
How does alt text look in HTML?
<img class=”fullwidth” src=”/som/files/phd-management-information-systems-students-banner.jpg” alt=”Jindal School of Management group of Management Science Information Systems PhD program students signaling the whoosh with their hands”>
How does alt text look for the user?
Blind and visually impaired users will listen to the alt text through screen reader technology. For all other users, the browser will display the alt text in place of the image.
Best practices writing alt text
- Be as descriptive as possible within 125 characters.
- Use your topic keywords in your alt text descriptions. This will also help you make better picture choices.
- Do not include prompts like “image of” or “picture of.”
Contact the Jindal School SEO Web Content Writer with your questions or suggestions.