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 falls under ADA compliance. Click here for more information on ADA compliance 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 a image field:
- Log in to the backend and click on Pages/Nav in the left hand sidebar, then hover over the page that contains the image you’d like to add or update the alt-text for. Click the red edit button that appears.
- 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 pencil icon that appears.
When you click the pencil button, an alt-text field will appear.
Enter alt-text in the field below the image. The alt-text needs to be very descriptive.Example: “Carafe full of ice, empty wine glass, and 2 skewers of 3 olives each”
- 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 Save & Close.