{"id":1152,"date":"2024-06-27T17:21:28","date_gmt":"2024-06-27T17:21:28","guid":{"rendered":"https:\/\/wwwtest.ucf.edu\/accessibility\/?p=393"},"modified":"2024-08-08T21:56:32","modified_gmt":"2024-08-08T21:56:32","slug":"images","status":"publish","type":"post","link":"https:\/\/www.ucf.edu\/accessibility\/images\/","title":{"rendered":"Images"},"content":{"rendered":"

Images, including graphs and diagrams, are valuable for visualizing concepts, processes, or data. However, people who need assistive technologies, such as a screen reader, may not be able to access the content of an image unless it is accompanied by a textual equivalent. When thinking about the best way to provide equivalent text for an image, keep in mind the goal is to provide users who cannot visually perceive the image access to its content in its context.<\/p>\n

Best Practices<\/h2>\n

A textual equivalent of an image may be provided through alt text, a caption, or its own section of text, depending on its content and function in context.<\/p>\n

Alt Text<\/h3>\n

If a textual equivalent of an image can be provided concisely (e.g., a short phrase or sentence) use the alt attribute in the image.<\/p>\n

    \n
  1. To add alt text to an existing image, either left click or right click on the image to open its editing options, which should include alt text in most documents or applications.<\/li>\n
  2. Concisely describe image content that is relevant to its purpose. Think how you would describe the image in its context to someone who can\u2019t see it. For example, here’s a picture of a dog next to some yellow flowers and some possible alt text options for different situations.<\/li>\n
  3. If there are no image options to edit alt text, you can do so through the HTML with the alt attribute on the img. Example: alt="Write your alt text here"<\/code><\/li>\n

    \"Dog<\/p>\n