9.4: Adding Alt-Texts

Approach 1: Adding Existing alt-text text to images

This is the easiest approach, which is largely a cut-paste approach. While this approach works best on a two-screen system, it can work fine enough for multiple tags on a single browser/screen. There are three steps: Prepare, Copy and Paste:

• Prepare:
  • The LibreTexts page and its source page needs to be open in independent browsers (or tabs). For example:
    • https://chem.libretexts.org/Bookshelves/General_Chemistry/Book%3A_Chemistry_(OpenSTAX)/01%3A_Essential_Ideas/1.1%3A_Chemistry_in_Context
    • https://cnx.org/contents/havxkyvS@12.1:Gv1bKcKt@7/Chemistry-in-Context (source)
  • Copy:
    • It is best to install an add-on to the web browser to easily view and copy alt-texts on a web page. There are many out there. The one that the LibreTexts team recommends is the alt-text-tester: https://chrome.google.com/webstore/detail/alt-text-tester/koldhcllpbdfcdpfpbldbicbgddglodk.
    • Then each figure needs to be stepped through. For the the first image of the source page, if you hover and double click the alt-text will go into the computer clipboard

• Paste: Then go to the corresponding LibreTexts page and "edit" the page and double-click on the corresponding image.

• A popup window will give you the option to add alt-text (by pasting) into the page.

• Paste the text (like above) and then press "Save Image".

Cycle through all the images on the page and then save the entire page "save" on the editor tool bar (far left).

Approach 2: Writing and Adding alt-text text to images

This approach is similar, but require crafting a proper alt-text before pasting into the image properties box. The protocols for formulating "good" alt-texts will be forthcoming.