Alternative text, or alt-text, is wording that can be added to images that describes them for visually impaired users employing screen readers to access your site. Including alt-text ensures that your website is certified accessible. Click here for more information on accessibility for your restaurant’s website.
It is best practice to include alt-text for every image uploaded to your site. There are two different ways to add alt-text to an image depending on how the image is added to your website.
If you add images to an image field:
- Log in to the backend and click on Website in the left hand sidebar, then hover over the page or content box that contains the image you’d like to add or update the alt-text for.
- Click on the box that contains the image you’d like to add or update the alt-text for.
- Locate the image on the Edit Content page. Hover over it and click the bracket icon that appears.
When you click the brackets icon, an alt-text field will appear.
Enter alt-text in the field below the image. The alt-text needs to be very descriptive.Example: “Double Cheeseburger topped with bacon”
- Click Save & Close to update the alt-text.
If you add an image to text editor:
1. Within any text editor, you're able to add images directly into those boxes. You can follow these steps to add an image into a content section.
2. In order to add alternative text, upload your image directly to the text editor.
3. Select the image that you wish to add alternative text to and select the i from the tool bar.
4. Once you've selected the Alternative Text option, add your content.
5. Select Update, then click the save button at the top.