How to...Add Alt Text to Images

Kelly Hansen — Mon, 13 Dec 2021 21:51:40 +0000

How to...Add Alt Text to Images Kelly Hansen Mon, 12/13/2021 - 16:51

��AV is committed to ensuring an inclusive digital experience. One essential practice to maintain accessibility is adding descriptive alt text to images.

What is Alt Text?

Alt text, or alternative text, is a brief description of an image that allows screen readers to convey the image’s content to users with visual impairments. It ensures that images are accessible to everyone, providing essential context for those who cannot see them. Alt text also improves SEO, as search engines favor pages that provide meaningful alt text for images.

Best Practices for Writing Alt Text

Be specific and relevant: Focus on what the image represents and its function within the content.
Be concise: Keep descriptions short but informative. Avoid overly detailed or redundant explanations.
Describe the purpose: If the image contains information not provided elsewhere, include that key information in the alt text.
Use context-appropriate language: Tailor the description to fit the surrounding content, avoiding technical jargon or irrelevant details.
Handle decorative images appropriately: If an image is purely decorative and doesn't add to the content, use null alt text (alt="") to signal screen readers to skip the image.

Example of Alt Text in Action:

For a photo of a tree: “A large oak tree with green leaves in summer.”
For a chart: “A bar chart comparing enrollment data from 2022 and 2023, showing a 15% increase in enrollment.”
For decorative images: Use empty alt text (alt="").

SiteMasonry CMS – How to Add Alt Text to Images

SiteMasonry offers two main ways to add images: via the Featured Image block and by embedding images into a Text Block. Adding alt text ensures that images remain accessible and compliant with accessibility standards.