{"id":66769,"date":"2022-08-29T14:02:45","date_gmt":"2022-08-29T21:02:45","guid":{"rendered":"https:\/\/in.nau.edu\/news\/?p=66769"},"modified":"2022-08-29T14:02:45","modified_gmt":"2022-08-29T21:02:45","slug":"using-alt-text","status":"publish","type":"post","link":"https:\/\/in.nau.edu\/news\/using-alt-text\/","title":{"rendered":"Here&#8217;s why you should use alt text"},"content":{"rendered":"<p><em>Sean Kugler is a digital accessibility analyst for NAU&#8217;s <a href=\"https:\/\/in.nau.edu\/disability-resources\/\">Office of Disability Resources<\/a>.<\/em><\/p>\n<hr \/>\n<p><span data-contrast=\"auto\">Many of you have heard the term \u201calt text.\u201d What is alt text? Alt is short for alternative. The purpose of alt text is to provide a textual alternative to the image you are using and why you are using it. You are creating as close to the same experience for all your viewers.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3><b><span data-contrast=\"none\">Who reads alt text?<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">Alt text is meant to be used by people who use screen readers or other assistive technology to interact with their phones and computers. Many of the individuals are blind or have low vision. It can also be used by people with slow internet connections or low bandwidth when pages are not fully loading.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"2\"><b><span data-contrast=\"none\">Other benefits of alt text<\/span><\/b><\/h3>\n<p><span data-contrast=\"auto\">Are you familiar with SEO? SEO is search engine optimization. This means that the words you use in alt text are added as keywords that are used when people search the internet. Like hashtags, your alt text can bring more people to your post, blog or website.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"2\"><b><span data-contrast=\"none\">Do all images need alt text?<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559685&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">Not all images require alt text. Some are purely \u201ceye candy\u201d and do not provide any meaning for your webpage\/blog\/flier. They are simply there to catch someone\u2019s eye and their only purpose is decoration. In those cases, the image can be marked as artifact or decorative.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"2\"><b><span data-contrast=\"none\">Keys to effective alt text<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559685&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">Alt text is about more than a visual description of the image you have chosen to post or share. It is about what you think is purposeful about the image. Pictures are worth a thousand words, which of those words is important to your message. Think about what you would add as alt text for the image below.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\"> <img loading=\"lazy\" decoding=\"async\" class=\" wp-image-66770 alignleft\" src=\"http:\/\/in.nau.edu\/news\/wordpresst\/uploads\/sites\/153\/wp-content\/uploads\/2022\/08\/Old-Main.jpg\" alt=\"Entrance to NAU's Old Main building\" width=\"253\" height=\"348\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/402\/2022\/08\/Old-Main.jpg 400w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/402\/2022\/08\/Old-Main-218x300.jpg 218w\" sizes=\"auto, (max-width: 253px) 100vw, 253px\" \/><\/span><span data-contrast=\"auto\">Here are some options:<\/span><\/p>\n<p><span data-contrast=\"auto\">1. Photo of NAU\u2019s Old Main building.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">2. Photo of NAU\u2019s Old Main entrance.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">3. Photo of historic red brick building entrance with stairs.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">4. Photo of student walking down the stairs in front of Old Main.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">5. Photo of Rachel Kanyur walking down the stairs in front of Old Main.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Considerations for choosing alt text include why you are using the image\u2014what in the image is important for your message.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"2\"><b><span data-contrast=\"none\">Alt text for flowcharts, graphs, charts and diagrams<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559685&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">When describing flowcharts, graphs, charts and diagrams, it is important to describe what is being conveyed visually. Think about a pie chart demonstrating the market share of computer operating systems. Convey the insights the chart displays: <\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-66773\" src=\"http:\/\/in.nau.edu\/news\/wordpresst\/uploads\/sites\/153\/wp-content\/uploads\/2022\/08\/graphic.png\" alt=\"Pie chart that shows Windows own 65.79% of the market share, while OS X has 25.32%, Chrome OS has 3.45%, 3.08% are unknown, and Linux as 2.35% of the market shares.\" width=\"404\" height=\"243\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/402\/2022\/08\/graphic.png 754w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/402\/2022\/08\/graphic-300x181.png 300w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/span><\/p>\n<p><em>Pie chart that shows Windows own 65.79% of the market share, while OS X has 25.32%, Chrome OS has 3.45%, 3.08% are unknown and Linux has 2.35% of the market shares.\u00a0<\/em><\/p>\n<p><span data-contrast=\"auto\">If you are using graphs that show trends, describe the trends. Remember the message you are conveying through the graph.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"2\"><b><span data-contrast=\"none\">Alt text in social media<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559685&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">Many social media platforms now allow you to add alt text. Please add it as the platform allows, but also include the text in the post itself. This makes it accessible to everyone.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"2\"><b><span data-contrast=\"none\">Use those pics!<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559685&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">Go take some pictures and be sure to describe them in the alt text.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3><b><span data-contrast=\"none\">References and additional information:\u00a0<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><a href=\"https:\/\/accessibility.web-resources.upenn.edu\/resources\/content-creators\/alternative-text-complex-images\"><span data-contrast=\"none\">Alternative Text for complex Images<\/span><\/a><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/gs.statcounter.com\/os-market-share\/desktop\/united-states-of-america\/\"><span data-contrast=\"none\">Desktop Operating System Market Share USA<\/span><\/a><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/support.microsoft.com\/en-us\/office\/everything-you-need-to-know-to-write-effective-alt-text-df98f884-ca3d-456c-807b-1a1fa82f5dc2\"><span data-contrast=\"none\">Everything you need to know to write effective alt text<\/span><\/a><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/google-images\"><span data-contrast=\"none\">Google Images best practices<\/span><\/a><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/devotepress.com\/faqs\/alt-text-importance\/\"><span data-contrast=\"none\">What is Alt Text and Why is it Important?<\/span><\/a><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p><a class=\"search-results-excerpt-link\" href=\"https:\/\/in.nau.edu\/news\/using-alt-text\/\">Sean Kugler is a digital accessibility analyst for NAU&#8217;s Office of Disability Resources. Many of you have heard the term \u201calt text.\u201d What is alt text? Alt is short for alternative. The purpose of alt text is to provide a textual alternative to the image you are using and why you are using it. You&hellip;<\/a><\/p>\n","protected":false},"author":59,"featured_media":66777,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1816],"tags":[],"class_list":["post-66769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lumberjack-lifestyle"],"acf":[],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/posts\/66769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/comments?post=66769"}],"version-history":[{"count":0,"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/posts\/66769\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/media\/66777"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/media?parent=66769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/categories?post=66769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/in.nau.edu\/news\/wp-json\/wp\/v2\/tags?post=66769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}