{"id":493,"date":"2024-07-25T13:23:44","date_gmt":"2024-07-25T17:23:44","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/?post_type=chapter&p=493"},"modified":"2025-05-20T13:05:54","modified_gmt":"2025-05-20T17:05:54","slug":"images-and-graphics","status":"web-only","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/images-and-graphics\/","title":{"raw":"Images and Graphics","rendered":"Images and Graphics"},"content":{"raw":"\"\"Visual information needs an equivalent text description. Descriptions can be provided by adjacent text, a figure caption, or the alt text field. Adjacent text and figure captions are accessible to assistive technology and provide context, purpose and meaning of visual content to all users. Alt text relays information via code that is read by screen reader software to aid users to understand visual information. Decorative images are graphics that are included solely for aesthetic purposes or are accompanied by equivalent text description.\r\n

Who alt text benefits<\/h2>\r\nVisual information must have a text equivalent to ensure blind and low vision learners have equitable access to learning material. Shapes, images, charts, SmartArt and any visual information must have a text equivalent.\r\n\r\nThe following recording demonstrates screen reader software reading three examples of alt text: one lacking a description, one with poorly written alt text, and one with effectively written and useful alt text.\r\n\r\nhttps:\/\/mediaspace.langara.ca\/media\/t\/0_e4ekigwh\r\n\r\nWhile coded alt text is available only to screen reader users, consider adding adjacent text descriptions or figure captions which benefit all users, including screen reader users, by providing additional context and information.\r\n

How to ensure images have alt text<\/h2>\r\nFor many images and graphics, adding alt text to the image is the best method to ensure everyone can access the visual information. To add alt text to an image:\r\n
\r\n
\r\n
1<\/span>Move to the Picture Format<\/strong> tab<\/div>\r\n
2<\/span>Select the Alt Text<\/strong> button<\/div>\r\n
3<\/span>Or right-click on the graphic and select View Alt Text...<\/strong><\/div>\r\n\"\"\r\n\r\n<\/div>\r\n<\/div>\r\nWrite a brief description<\/a> in the alt text field.\"\"\r\n\r\nIn place of, or in addition to, alt text, images can be accompanied by adjacent text or a figure caption<\/a>.\u00a0When an image has an adjacent description or figure caption, it can be marked as decorative by checking the Mark as decorative<\/strong> box in the alt text pane. This is because users can access the equivalent information via text and can \"ignore\" the image. As mentioned previously visuals included solely for aesthetic purposes must be marked as decorative.\r\n\r\nFor more information read Alternative Text Quick Start Guide<\/a> and related chapters in the Accessibility Handbook for Teaching and Learning.\r\n
<\/div>\r\n
\r\n\r\nUsing AI to describe images<\/a> may be a useful starting point for writing alt text, descriptive figure captions, or text alternatives of visual information. Always review machine-generated content for usefulness and accuracy.\r\n\r\n<\/div>\r\n

Double Check<\/h2>\r\nPowerPoint's Check Accessibility tool will flag\u00a0Missing alt text <\/strong>under Media and Illustrations<\/strong>. Always run the Check Accessibility tool before distributing your PowerPoint. For more information, consult How to fix missing alt text<\/a>.\r\n
\r\n

Next<\/p>\r\n\r\n<\/header>\r\n

\r\n\r\nMove to the next page to understand\u202fCaptions and Transcripts<\/strong>\u00a0or select another accessibility practice to learn about<\/a>.\r\n\r\n<\/div>\r\n<\/div>","rendered":"

\"\"Visual information needs an equivalent text description. Descriptions can be provided by adjacent text, a figure caption, or the alt text field. Adjacent text and figure captions are accessible to assistive technology and provide context, purpose and meaning of visual content to all users. Alt text relays information via code that is read by screen reader software to aid users to understand visual information. Decorative images are graphics that are included solely for aesthetic purposes or are accompanied by equivalent text description.<\/p>\n

Who alt text benefits<\/h2>\n

Visual information must have a text equivalent to ensure blind and low vision learners have equitable access to learning material. Shapes, images, charts, SmartArt and any visual information must have a text equivalent.<\/p>\n

The following recording demonstrates screen reader software reading three examples of alt text: one lacking a description, one with poorly written alt text, and one with effectively written and useful alt text.<\/p>\n