How to add alt text to your images

Adding alt text to your images makes your website more accessible to patients who use screen readers. It also helps search engines understand what your images are about, giving your site a small but meaningful SEO boost. This guide walks you through how to add alt text to your header image and to images inside your content blocks.
 

How to Add Alt Text to Your Header Image

You can add alt text to your header image directly from the Customize Header settings. Alt text is a short written description that helps screen readers describe your image to patients who cannot see it.
 

1. After logging in to Jane Websites, navigate to the header where you want to add alt text to your header image.
2. Click the Customize Header button in the bottom right-hand corner of your header.
3. Scroll till you reach Images, and click the Add Image button.
4. Click Choose File and choose the image file you want to upload (PNG or JPEG).
5. In the Alt Text field, type a short description of your image. 
   Keep it to 125 characters or less. Do not start with "Image of" or "Photo of" since screen readers already say it is an image. 
   Example of alt text of the image could be: Senior woman on a couch holding a book, resting hand on temple with a contemplative expression.
6. Click Save Custom Header to save your progress.

How to Add Alt Text to a Text Media Block Image

You can also add alt text to text media blocks that contain and image, using the Edit Image button. The same best practices apply here as they do for your header image.
 

1. After logging in to Jane Websites, navigate to the block that contains the image you want to update.
2. Click the Edit Image button.
3. Click Choose File and choose the image file you want to upload (PNG or JPEG).
4. In the Alt Text field, type a short description of your image. 
   Keep it to 125 characters or less. Do not start with "Image of" or "Photo of" since screen readers already say it is an image. 
   Example of alt text of the image could be: Senior woman on a couch holding a book, resting hand on temple with a contemplative expression.
5. Click Update Block button to save your progress.

Great job! Your images now have alt text that helps screen readers describe them to patients using assistive technology, making your site more accessible to everyone.