Accessibility: image-alt

accessibility
alt-text
blog
social
Author

Mine Çetinkaya-Rundel

Published

July 23, 2022

image-alt

For Quarto websites, blog posts, and HTML pages, you can include an image in the metadata that will be displayed in places such as the thumbnail for blog posts (like each of the tips on this site), and the preview card on social media.

You can (and should) provide alt text for these images by using the image-alt option in your YAML as well. For example, here’s a snippet from the YAML for the tip on using dark mode.

title: "Dark mode"
image: "featured.gif"
image-alt: "Switching between light and dark mode using the toggle on the navbar of this blog's homepage."

Learn more

Note that image-alt can be supplied in several different places where an image can be specified, but that these will be inherited from the site or page metadata, so need not be repeated.