Alternative Text
The Rule
Important non-text content - especially images - requires alternative text to explain the image’s contents.
What Does It Mean?
When a user can’t see an image, how can you convey the purpose and meaning of the image?
Alternative text describes the important contents of the image. The rule applies to all other non-text objects with a few exceptions noted in the Additional Information link in the FAQ section.
Who Does It Help?
Everyone who can’t see an image, including people with blindness and people with slow internet connections.
Example
For the image below, provide alternative text:
Alternative text:
The Belknap Residence Hall is the latest residence hall on campus for first year students.
How to Add Alternative Text in Drupal
Drupal uses the Brand Center’s image Description for Alternative Text. Content creators can’t edit or change alternative text using Drupal’s editor. Change the Description in the Brand Center to change alternative text, then re-load the image in Drupal.
How to Add Alternative Text in HTML
<
img src="[Link to Image]"
alt="The Belknap Residence Hall is the latest residence hall on campus for first year students."
/>