{"id":90,"date":"2024-11-22T08:45:56","date_gmt":"2024-11-22T13:45:56","guid":{"rendered":"https:\/\/www.umflint.edu\/accessibility\/?page_id=90"},"modified":"2025-12-10T16:25:15","modified_gmt":"2025-12-10T21:25:15","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-umflint-templates umflint-template-default\">\n<div class=\"wp-block-cover is-light\" style=\"margin-bottom:var(--wp--preset--spacing--40);min-height:50px;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-371\" alt=\"\" src=\"https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/61\/files\/2025\/03\/Blue.UCEN_.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#FFF\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\"><div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n\n<h1 class=\"wp-block-heading has-secondary-color has-text-color has-link-color wp-elements-9374682670f9721d460c6c0110f28b95\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);font-size:clamp(31.152px, 1.947rem + ((1vw - 3.2px) * 1.863), 55px);font-style:normal;font-weight:600;text-transform:uppercase\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-secondary-color\">Adding Alt Text<\/mark><\/h1>\n\n<\/div>\n<\/div><\/div>\n\n\n<div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-md-3\">\n\t\t\t\n<button class=\"btn btn-section w-100 px-0 wp-menu-block-toggle mobile-nav-toggle d-none\" data-target=\"wp-menu-block-secondary-menu\">\n          <span class=\"h-100 mr-3 mt-1 d-block mobile-nav-icon\" aria-hidden=\"true\">\n\t\t\t<span class=\"mb-1 transition bg-dark d-block mobile-nav-icon-line\"><\/span>\n\t\t\t<span class=\"mb-1 transition bg-dark d-block mobile-nav-icon-line\"><\/span>\n\t\t\t<span class=\"mb-1 transition bg-dark d-block mobile-nav-icon-line\"><\/span>\n\t\t  <\/span>\n          Accessibility<\/button><nav id=\"wp-menu-block-secondary-menu\" class=\"wp-menu-block sidebar-nav wp-block-umflint-menu-block\"><div class=\"nav-sidebar-title-container\">\n                <div class=\"nav-sidebar-title\"><a href=\"https:\/\/www.umflint.edu\/accessibility\">Accessibility<\/a><\/div>\n                <a class=\"nav-sidebar-title-close\" href=\"#\" data-target=\"secondary-menu\" aria-label=\"Close\" aria-expanded=\"false\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"50\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <title>close<\/title><path d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" \/>\n                    <\/svg>\n\t\t\t\t<\/a>\n            <\/div><ul id=\"menu-secondary-menu\" class=\"menu nav nav-sidebar flex-column\"><li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-499\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-499 nav-item\"><a title=\"Accessibility Tools\" href=\"https:\/\/www.umflint.edu\/accessibility\/tools\/\" class=\"nav-link\">Accessibility Tools<\/a>\n<ul class=\"subitems-menu\" >\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-500\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-500 nav-item\"><a title=\"Grackle\" href=\"https:\/\/www.umflint.edu\/accessibility\/tools\/grackle\/\" class=\"nav-link\">Grackle<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-501\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-501 nav-item\"><a title=\"Panorama\" href=\"https:\/\/www.umflint.edu\/accessibility\/tools\/panorama\/\" class=\"nav-link\">Panorama<\/a><\/li>\n<\/ul>\n<\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-502\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-502 nav-item\"><a title=\"Accessibility Guides\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/\" class=\"nav-link\">Accessibility Guides<\/a>\n<ul class=\"subitems-menu\" >\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-503\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-503 nav-item\"><a title=\"Adding Alt Text\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/alt-text\/\" class=\"nav-link\">Adding Alt Text<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-504\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-504 nav-item\"><a title=\"Checking Captions for Kaltura Videos\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/kaltura-videos\/\" class=\"nav-link\">Checking Captions for Kaltura Videos<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-505\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-505 nav-item\"><a title=\"Creating Accessible Descriptive Links\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/creating-accessible-descriptive-links\/\" class=\"nav-link\">Creating Accessible Descriptive Links<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-506\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-506 nav-item\"><a title=\"Creating Accessible Presentations\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/creating-accessible-presentations\/\" class=\"nav-link\">Creating Accessible Presentations<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-507\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-507 nav-item\"><a title=\"Creating Accessible Tables\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/creating-accessible-tables\/\" class=\"nav-link\">Creating Accessible Tables<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-508\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-508 nav-item\"><a title=\"Ensuring Basic Color Contrast for Accessibility\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/basic-color-contrast\/\" class=\"nav-link\">Ensuring Basic Color Contrast for Accessibility<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-509\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-509 nav-item\"><a title=\"Removing Redundant Links\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/removing-redundant-links\/\" class=\"nav-link\">Removing Redundant Links<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-510\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-510 nav-item\"><a title=\"Structuring Your Documents and Pages for Accessibility\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/structuring-your-documents\/\" class=\"nav-link\">Structuring Your Documents and Pages for Accessibility<\/a><\/li>\n<\/ul>\n<\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-511\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-511 nav-item\"><a title=\"Recent Email News\" href=\"https:\/\/www.umflint.edu\/accessibility\/recent-email-news\/\" class=\"nav-link\">Recent Email News<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-512\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-512 nav-item\"><a title=\"Rethinking PDFs\" href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/\" class=\"nav-link\">Rethinking PDFs<\/a>\n<ul class=\"subitems-menu\" >\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-513\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-513 nav-item\"><a title=\"Converting a PDF to Word\" href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/converting\/\" class=\"nav-link\">Converting a PDF to Word<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-514\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-514 nav-item\"><a title=\"Myths and Paths Forward\" href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/myths-paths-forward\/\" class=\"nav-link\">Myths and Paths Forward<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-515\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-515 nav-item\"><a title=\"PDF Alternatives\" href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/alternatives\/\" class=\"nav-link\">PDF Alternatives<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-516\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-516 nav-item\"><a title=\"Sharing Read-Only Files\" href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/sharing-read-only-files\/\" class=\"nav-link\">Sharing Read-Only Files<\/a><\/li>\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-517\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-517 nav-item\"><a title=\"Shortcomings and Frustrations of PDFs\" href=\"https:\/\/www.umflint.edu\/accessibility\/rethinking-pdfs\/shortcomings-frustrations\/\" class=\"nav-link\">Shortcomings and Frustrations of PDFs<\/a><\/li>\n<\/ul>\n<\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-548\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-548 nav-item\"><a title=\"Accessibility Standard Practice Guide (SPG)\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/spg.umich.edu\/policy\/601.20\" class=\"nav-link\">Accessibility Standard Practice Guide (SPG)<\/a><\/li>\n<\/ul><\/nav>\n\t<\/div>\n\n\n\n<div class=\"col-12 col-md-9\">\n\t\t\t\n<nav aria-label=\"breadcrumb\"><ol class=\"breadcrumb mb-3\"><li class=\"breadcrumb-item\"><a href=\"\/\">Home<\/a><\/li><li class=\"breadcrumb-item\"><a href=\"https:\/\/www.umflint.edu\/accessibility\">Accessibility<\/a><\/li><li class=\"breadcrumb-item\"><a href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/\">Guides<\/a><\/li><li class=\"breadcrumb-item active\" aria-current=\"page\">Adding Alt Text<\/li><\/ol><\/nav>\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-862a25b84baff65e74026ab7d4018f49\">Why Add Alt Text?<\/h2>\n\n\n\n<p>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&#8217;t 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-primary-color has-text-color has-link-color wp-elements-f690228d6fccc3691db400a92f7a3905\">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&#8217;s 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\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background mt-5 mb-5\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How to Create Effective Alt Text<\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-e57b7ac9e2f92da00e98bb545c9d2ea4\"><strong>Describe the Image\u2019s Content<\/strong><\/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 &#8220;Bar chart depicting average student grades by subject.&#8221;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-675a67b195128dedca4d5f28198ba6f5\"><strong>Keep It Brief<\/strong><\/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 &#8220;This is an image of a bar chart that shows the different grades students received in various subjects over the past semester,&#8221; use &#8220;Bar chart of student grades by subject.&#8221;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-7c2384db4fa5498c9f2fbb0ee8144092\"><strong>Avoid &#8220;Image of&#8221; or &#8220;Picture of&#8221;<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen readers already identify the content as an image, so there&#8217;s no need to add &#8220;image of&#8221; or &#8220;picture of.&#8221; Go straight to describing the key content.<\/li>\n\n\n\n<li>Example: Instead of &#8220;Image of a graduation cap,&#8221; use &#8220;Graduation cap representing student success.&#8221;<\/li>\n<\/ul>\n\n\t<\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-caee531fd8e5830c4d4bea809a25f4ee\">Tools and Prompts for Creating Alt Text<\/h2>\n\n\n\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-f0271372c02acacb913222310121cdf9\">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-primary-color has-text-color has-link-color has-medium-font-size wp-elements-35b44250614eb0eaced9bb49087a460f\"><strong>For Website Images (<a href=\"https:\/\/blogs.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blogs<\/a>, <a href=\"https:\/\/intranet.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">Intranet<\/a>, <a href=\"https:\/\/news.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">UM-Flint Now<\/a>, and the <a href=\"https:\/\/www.umflint.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">main website<\/a>): Auto-Generate Alternative Text Tool (Recommended)<\/strong><\/h3>\n\n\n\n<p>For all alt text on umflint.edu, use the <strong>Auto-Generate Alternative Text<\/strong> 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><strong>How to access:<\/strong> When you insert and select an image in the WordPress Media Library, you\u2019ll now see an area on the right side panel titled <strong>\u201cAuto-Generate Alternative Text.\u201d<\/strong><\/p>\n\n\n\n<p>Clicking the \u201cGenerate\u201d button prompts the system to analyze the image and generate descriptive alternative text, which will automatically appear in the <strong>Alt text<\/strong> field after a few seconds.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-e2e93a34d7e810d20788847424c0b02a\"><strong>For Social Media &amp; Other Digital Media: AI Prompt<\/strong><\/h3>\n\n\n\n<p>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>, <a href=\"https:\/\/gemini.google.com\/\">Google Gemini<\/a>, <a href=\"https:\/\/umgpt.umich.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">U-M GPT<\/a>, <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<div class=\"wp-block-cover is-light\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h4 class=\"wp-block-heading has-text-align-left has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-497365a6fc95a81f47f7eacb0e6c3b91\"><strong>Copy and Paste This Prompt<\/strong>:<\/h4>\n\n\n<div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n\n<div class=\"wp-block-cover is-light\" style=\"margin-bottom:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-5c57c698 wp-block-cover-is-layout-constrained\">\n<pre id=\"block-fdaa6f8e-43f7-44e1-8e42-ac7d8448fecc\" 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<\/div><\/div>\n\n<\/div>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-454d0a99dc4a58ab3e933e17b8dcd12f\"><strong>How to Use<\/strong><\/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><strong>Tip:<\/strong> If the AI returns an empty string, the image is likely decorative and doesn&#8217;t require alt text (use alt=&#8221;&#8221; in your HTML or leave the alt text field empty).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-020b31a4b587d904e4bd16f6fd7ba71b\"><strong>Google Lens<\/strong><\/h3>\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-md-6\">\n\t\t\t\n\n<p class=\"mb-2\">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 &#8220;Search image with Google Lens&#8221; (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 &#8220;Add to your search&#8221; field  &#8221; to write &#8220;describe this image.&#8221; 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 &#8220;image of&#8230;&#8221; Once you are satisfied with the description, copy and paste it into the alt tag area.<\/li>\n<\/ol>\n\n\n\n<p><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\t<\/div>\n\n\n\n<div class=\"col-12 col-md-6\">\n\t\t\t\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><figcaption class=\"wp-element-caption\">Example of how to use Google Lens Alt Text Description<\/figcaption><\/figure>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<p>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<\/div>\n\n\n\n<div class=\"wp-block-cover is-light h-auto mt-5\" style=\"min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#dedfe1\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\"><div class=\"wp-bootstrap-blocks-container container mb-2 mt-4\">\n\t\n\n<h2 class=\"wp-block-heading mt-3 mb-4\">Examples of Descriptive vs. Non-descriptive Alt Text<\/h2>\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-md-6\">\n\t\t\t\n\n<h3 class=\"wp-block-heading has-medium-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-s3.umflint.edu\/wp\/blogs.dir\/107\/files\/2024\/11\/Cat.png\" alt=\"Orange tabby cat sleeping on a windowsill.\" class=\"wp-image-108\" srcset=\"https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/107\/files\/2024\/11\/Cat.png 555w, https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/107\/files\/2024\/11\/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>: &#8220;Image of a cat.&#8221;<\/li>\n\n\n\n<li><strong>Descriptive<\/strong>: &#8220;Orange tabby cat sleeping on a windowsill.&#8221;<\/li>\n<\/ul>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-md-6\">\n\t\t\t\n\n<h3 class=\"wp-block-heading has-medium-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-s3.umflint.edu\/wp\/blogs.dir\/107\/files\/2024\/11\/StudentsStudying.png\" alt=\"Three students studying together in the library.\" class=\"wp-image-109\" srcset=\"https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/107\/files\/2024\/11\/StudentsStudying.png 555w, https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/107\/files\/2024\/11\/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>: &#8220;Picture of students.&#8221;<\/li>\n\n\n\n<li><strong>Descriptive<\/strong>: &#8220;Three students studying together in the library.&#8221;<\/li>\n<\/ul>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">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\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover h-auto\" style=\"min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\"><div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n\n<h2 class=\"wp-block-heading mt-3 mb-4 has-white-color has-text-color has-link-color wp-elements-1ed2018bae68966da32e607b52addc78\">What Can I Do Now?<\/h2>\n\n\n\n<p>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&#8217;s 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\n<\/div>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/www.umflint.edu\/accessibility\/guides\/alt-text\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":38,"featured_media":0,"parent":95,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/90","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\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":22,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":377,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/90\/revisions\/377"}],"up":[{"embeddable":true,"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/pages\/95"}],"wp:attachment":[{"href":"https:\/\/www.umflint.edu\/accessibility\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}