Skip to main content
Chemistry LibreTexts

4.6: Adding Alt-Texts

  • Page ID
    151922
  • Adding alt-texts descriptors to images on the LibreTexts is critical to satisfy Search Engine Optimization and also accessibility to screen readers for students with limited visual skills. For information regarding alt-texts check out these pages.

    There are two approaches to adding alt-text to the images and tables of the LibreTexts depending if the text needs to be construction or already exists.

    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:

    clipboard_e76d67f69ac5c47594a150e4aeb2043c4.png

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

    clipboard_e4395e1fc4d955190c311971d1cfe8c16.png

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

    clipboard_ea194a47f11252fff0335cb0088b01a59.png

    • 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.