{"id":228,"date":"2026-06-22T10:31:33","date_gmt":"2026-06-22T14:31:33","guid":{"rendered":"https:\/\/cms.web.umflint.edu\/accessibility\/?page_id=228"},"modified":"2026-07-06T15:43:31","modified_gmt":"2026-07-06T19:43:31","slug":"alt-text","status":"publish","type":"page","link":"https:\/\/www.umflint.edu\/accessibility\/guides\/alt-text\/","title":{"rendered":"Adding Alt Text"},"content":{"rendered":"\n<div class=\"wp-block-cover fb-cover-text-box wp-duotone-black-and-white\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100%;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/www.umflint.edu\/accessibility\/wp-content\/themes\/flintblock\/assets\/images\/sidewalk-art.jpg\" style=\"object-position:50% 95%\" data-object-fit=\"cover\" data-object-position=\"50% 95%\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-90 has-background-dim wp-block-cover__gradient-background has-background-gradient has-blue-gradient-gradient-background\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-15d3db16 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)\">\n<h1 class=\"wp-block-heading has-brand-white-color has-text-color has-link-color has-xx-large-font-size wp-elements-bec2012d1ccb0b5a0a4b3454f2f66119\">Adding Alt Text<\/h1>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><nav class=\"is-responsive is-vertical is-style-sidebar is-style-sidebar--1 wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bd946717 wp-block-navigation-is-layout-flex\" aria-label=\"Sidebar Navigation\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-2\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-2-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive is-vertical is-style-sidebar is-style-sidebar--1 wp-block-navigation\"><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/\"><span class=\"wp-block-navigation-item__label\">Home<\/span><\/a><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--pointerenter=\"actions.openMenuOnHover\" data-wp-on--pointerleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.umflint.edu\/accessibility\/resources\/\"><span class=\"wp-block-navigation-item__label\">Campus Resources<\/span><\/a><button data-wp-bind--aria-expanded=\"state.isMenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Campus Resources submenu\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" class=\"wp-block-navigation__submenu-container wp-block-navigation-submenu\"><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/resources\/grackle\/\"><span class=\"wp-block-navigation-item__label\">Grackle<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/resources\/panorama\/\"><span class=\"wp-block-navigation-item__label\">Panorama<\/span><\/a><\/li><li class=\"wp-block-navigation-item open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.umflint.edu\/accessibility\/resources\/syllabus-template\/\"><span class=\"wp-block-navigation-item__label\">Syllabus Template<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/meeting-minutes-templates\/\"><span class=\"wp-block-navigation-item__label\">Meeting Minutes Templates<\/span><\/a><\/li><\/ul><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/\"><span class=\"wp-block-navigation-item__label\">Best Practices Guides<\/span><\/a><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--pointerenter=\"actions.openMenuOnHover\" data-wp-on--pointerleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/\"><span class=\"wp-block-navigation-item__label\">Rethinking PDFs<\/span><\/a><button data-wp-bind--aria-expanded=\"state.isMenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Rethinking PDFs submenu\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" class=\"wp-block-navigation__submenu-container wp-block-navigation-submenu\"><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/shortcomings-and-frustrations-of-pdfs\/\"><span class=\"wp-block-navigation-item__label\">Shortcomings and Frustrations of PDFs<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/myths-and-paths-forward\/\"><span class=\"wp-block-navigation-item__label\">Myths and Paths Forward<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/sharing-read-only-files\/\"><span class=\"wp-block-navigation-item__label\">Sharing Read-Only Files<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/converting-a-pdf-to-word\/\"><span class=\"wp-block-navigation-item__label\">Converting a PDF to Word<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/pdf-alternatives\/\"><span class=\"wp-block-navigation-item__label\">PDF Alternatives<\/span><\/a><\/li><\/ul><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.umflint.edu\/accessibility\/email-archive\/\"><span class=\"wp-block-navigation-item__label\">Email Communications<\/span><\/a><\/li><li class=\"wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/spg.umich.edu\/policy\/601.20\" target=\"_blank\"  ><span class=\"wp-block-navigation-item__label\">Accessibility Standard Practice Guide (SPG)<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n\n\n<h2 class=\"wp-block-heading has-x-large-font-size\">Why Add Alt Text?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Alt text (alternative text or alt tags) provides a description of images for students who use screen readers or those who have visual impairments. It ensures that all learners can understand the content, even if they can\u2019t see the image. Alt text is also helpful if an image fails to load, giving context to users about what the image represents.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-x-large-font-size\">What Makes Good Alt Text?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Concise and Informative<\/strong>: Alt text should provide a brief description of the image\u2019s content or function.<\/li>\n\n\n\n<li><strong>Avoid Redundancy<\/strong>: Don\u2019t repeat information already provided in the surrounding text.<\/li>\n\n\n\n<li><strong>Focus on Purpose<\/strong>: Consider why the image is included and what information is essential for the student to grasp.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-x-large-font-size\">How to Create Effective Alt Text<\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-large-font-size\">Describe the Image\u2019s Content<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Describe what is in the image and focus on its essential elements. It may be helpful to consider how you would describe it to a group of people during a presentation.<\/li>\n\n\n\n<li>Example: For an image of a bar chart showing student grades, use \u201cBar chart depicting average student grades by subject.\u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading has-large-font-size\">Keep It Brief<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alt text should be clear and succinct. This ensures that screen reader users receive quick and helpful descriptions.<\/li>\n\n\n\n<li>Example: Instead of \u201cThis is an image of a bar chart that shows the different grades students received in various subjects over the past semester,\u201d use \u201cBar chart of student grades by subject.\u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading has-large-font-size\">Avoid \u201cImage of\u201d or \u201cPicture of\u201d<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen readers already identify the content as an image, so there\u2019s no need to add \u201cimage of\u201d or \u201cpicture of.\u201d Go straight to describing the key content.<\/li>\n\n\n\n<li>Example: Instead of \u201cImage of a graduation cap,\u201d use \u201cGraduation cap representing student success.\u201d<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-x-large-font-size\">Tools and Prompts for Creating Alt Text<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Creating accurate alt text is essential for making images accessible to people using screen readers. UM-Flint provides these recommended methods depending on your use case.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-large-font-size\">For Website Images: Auto-Generate Alternative Text Tool (Recommended)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For all alt text on <a href=\"https:\/\/blogs.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blogs<\/a>,&nbsp;<a href=\"https:\/\/intranet.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">Intranet<\/a>,&nbsp;<a href=\"https:\/\/news.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">UM-Flint Now<\/a>, and the&nbsp;<a href=\"https:\/\/www.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">main website<\/a>, use the&nbsp;<strong>Auto-Generate Alternative Text<\/strong>&nbsp;tool, which is built directly into WordPress by ITS. This tool is integrated into the media library and block editor, making it the fastest and most consistent way to create accessible image descriptions for university web content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to access:<\/strong>&nbsp;When you insert and select an image in the WordPress Media Library, you\u2019ll now see an area on the right side panel titled&nbsp;<strong>\u201cAuto-Generate Alternative Text.\u201d<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking the \u201cGenerate\u201d button prompts the system to analyze the image and generate descriptive alternative text, which will automatically appear in the&nbsp;<strong>Alt text<\/strong>&nbsp;field after a few seconds.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-large-font-size\">For Social Media &amp; Other Digital Media: AI Prompt<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For alt text needed outside of WordPress, such as social media posts, email graphics or other digital content, use the following prompt with any AI tool (<a href=\"https:\/\/chatgpt.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">ChatGPT<\/a>,&nbsp;<a href=\"https:\/\/gemini.google.com\/\">Google Gemini<\/a>,&nbsp;<a href=\"https:\/\/umgpt.umich.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">U-M GPT<\/a>,&nbsp;<a href=\"https:\/\/claude.ai\/\" target=\"_blank\" rel=\"noreferrer noopener\">Claude<\/a>, etc.). This prompt follows WCAG standards for accurate, context-appropriate alt text.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-medium-font-size\">Copy and Paste This Prompt:<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>You are an accessibility assistant that generates accurate image alt text following these rules:<br>1. If the image contains text:<br>   - If decorative or repeated nearby \u2192 return an empty string.<br>   - If functional (e.g., icon) \u2192 describe its function.<br>   - If essential text only in image \u2192 include that text.<br>2. If the image is part of a link or button \u2192 describe the action or destination.<br>3. If the image contributes meaning:<br>   - If simple \u2192 briefly describe in \u2264125 characters.<br>   - If complex (e.g., chart) \u2192 summarize essential data.<br>   - If redundant \u2192 return an empty string.<br>4. If purely decorative or unclear \u2192 return an empty string.<br>5. When the word \"Twitter\" appears in the image, replace it with \"X\" in the alt text. Output only the alt text as a plain string with no extra formatting.<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading has-medium-font-size\">How to Use<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Copy the prompt above and paste it into your preferred AI tool.<\/li>\n\n\n\n<li>Upload or attach your image.<\/li>\n\n\n\n<li>The AI will return appropriate alt text based on the image content and context.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong>&nbsp;If the AI returns an empty string, the image is likely decorative and doesn\u2019t require alt text (use alt=\u201d\u201d in your HTML or leave the alt text field empty).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66%\">\n<h3 class=\"wp-block-heading has-large-font-size\">Google Lens<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Google Lens can assist in generating alt text by identifying objects and extracting text within images. Google Lens is free to use. Here\u2019s how to use Google Lens on a desktop:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Access via Web Browser<\/strong>: Open Google Images in your web browser and search for the image you want to describe.<\/li>\n\n\n\n<li><strong>Right-Click and Use Google Lens<\/strong>: Right-click the image and select \u201cSearch image with Google Lens\u201d (this option may vary slightly depending on your browser and settings).<\/li>\n\n\n\n<li><strong>Analyze the Image<\/strong>: Google Lens will open a side panel displaying information about the objects and elements within the image.<\/li>\n\n\n\n<li><strong>Craft the Alt Text<\/strong>: Use the \u201cAdd to your search\u201d field \u201d to write \u201cdescribe this image.\u201d Google AI will write a long description.<\/li>\n\n\n\n<li><strong>Implement on Your Site<\/strong>: Make edits to the description including any verbiage that says \u201cimage of\u2026\u201d Once you are satisfied with the description, copy and paste it into the alt tag area.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading has-medium-font-size\">Example of how to use Google Lens Alt Text Description<\/h4>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Example of how to use Google Lens Alt Text Description\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/C2Y2OaIACEI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong>&nbsp;Using Google Lens on a desktop allows you to easily access and analyze web images without switching devices, making it a convenient choice.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By utilizing tools like the Auto-Generate Alternative Text Tool, AI prompts and Google Lens, you can efficiently create alt text that enhances accessibility for all users, ensuring that your web content is inclusive and compliant with accessibility standards.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-x-large-font-size\">Examples of Descriptive vs. Non-descriptive Alt Text<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-large-font-size\">Example 1<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"555\" height=\"370\" src=\"https:\/\/www.umflint.edu\/accessibility\/wp-content\/uploads\/sites\/18\/2026\/06\/Cat.png\" alt=\"Orange tabby cat sleeping on a windowsill.\" class=\"wp-image-242\" srcset=\"https:\/\/www.umflint.edu\/accessibility\/wp-content\/uploads\/sites\/18\/2026\/06\/Cat.png 555w, https:\/\/www.umflint.edu\/accessibility\/wp-content\/uploads\/sites\/18\/2026\/06\/Cat-300x200.png 300w\" sizes=\"auto, (max-width: 555px) 100vw, 555px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Non-descriptive<\/strong>: \u201cImage of a cat.\u201d<\/li>\n\n\n\n<li><strong>Descriptive<\/strong>: \u201cOrange tabby cat sleeping on a windowsill.\u201d<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-large-font-size\">Example 2<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"555\" height=\"370\" src=\"https:\/\/www.umflint.edu\/accessibility\/wp-content\/uploads\/sites\/18\/2026\/06\/StudentsStudying.png\" alt=\"Three students studying together in the library.\" class=\"wp-image-239\" srcset=\"https:\/\/www.umflint.edu\/accessibility\/wp-content\/uploads\/sites\/18\/2026\/06\/StudentsStudying.png 555w, https:\/\/www.umflint.edu\/accessibility\/wp-content\/uploads\/sites\/18\/2026\/06\/StudentsStudying-300x200.png 300w\" sizes=\"auto, (max-width: 555px) 100vw, 555px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Non-descriptive<\/strong>: \u201cPicture of students.\u201d<\/li>\n\n\n\n<li><strong>Descriptive<\/strong>: \u201cThree students studying together in the library.\u201d<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-text-alternate-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-x-large-font-size\">Tips for Faculty<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Decorative Images<\/strong>: If an image is purely decorative and doesn\u2019t convey information relevant to the content, mark it as decorative. This way, screen readers will skip it, reducing noise for people.<\/li>\n\n\n\n<li><strong>Context Matters<\/strong>: Describe the image in a way that adds value. Think about what you want students to learn or understand from the image.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-brand-maize-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--0)\">\n<h2 class=\"wp-block-heading has-brand-blue-color has-text-color has-link-color has-x-large-font-size wp-elements-b8ec1b10074bbbc3b4c437e809f94129\">What Can I Do Now?<\/h2>\n\n\n\n<p class=\"has-text-primary-color has-text-color has-link-color wp-elements-87c281315a45c21dcb0a5662eac15e4e wp-block-paragraph\">Take immediate steps to enhance the accessibility of your content. Start by reviewing all images in your course materials, including lecture slides, assignments, readings, and any embedded multimedia content, to ensure they have meaningful alt text. Alt text should help students using screen readers understand the visual elements by being concise and conveying the essential purpose of each image without repeating information already presented in the surrounding text. For purely decorative images, mark them accordingly so they do not distract learners. When reviewing your course materials, use accessibility checkers, like the Canvas built-in tool, Microsoft Accessibility Checker, Google Accessibility Checker, Adobe Acrobat\u2019s Accessibility tool, or third-party tools such as WAVE or Axe, to verify that all images have appropriate alt text and to identify any issues. By integrating these practices now, you can create a more inclusive learning environment where every student has equal access to the course content.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Why Add Alt Text? Alt text (alternative text or alt tags) provides a description of images for students who use screen readers or those who have visual impairments. It ensures that all learners can understand the content, even if they can\u2019t see the image. Alt text is also helpful if an image fails to load, [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":23,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":10,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":919,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/228\/revisions\/919"}],"up":[{"embeddable":true,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/23"}],"wp:attachment":[{"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}