{"id":1350,"date":"2022-08-29T21:29:08","date_gmt":"2022-08-29T21:29:08","guid":{"rendered":"https:\/\/afreeurl.com\/heres-why-you-should-use-the-alt-text-the-nau-review\/"},"modified":"2022-08-29T21:29:09","modified_gmt":"2022-08-29T21:29:09","slug":"heres-why-you-should-use-the-alt-text-the-nau-review","status":"publish","type":"post","link":"https:\/\/afreeurl.com\/?p=1350","title":{"rendered":"Here&#8217;s why you should use the alt text: The NAU Review"},"content":{"rendered":"<p><\/p>\n<p>Sean Kugler is a digital accessibility analyst for NAU <a href=\"https:\/\/in.nau.edu\/disability-resources\/\" target=\"_blank\" rel=\"noopener\">Office of Disability Resources<\/a>.<\/p>\n<p><span data-contrast=\"auto\">Many of you have heard the term &#8220;alternative text&#8221;.  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 the same experience for all of your viewers. <\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3><span data-contrast=\"none\">Who reads the alt text?<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/h3>\n<p><span data-contrast=\"auto\">Alt text is intended for use by people who use screen readers or other assistive technologies 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 don&#8217;t load completely.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3 aria-level=\"2\"><span data-contrast=\"none\">Other benefits of alt text<\/span><\/h3>\n<p><span data-contrast=\"auto\">Do you know SEO?  SEO is search engine optimization.  This means that the words you use in the alt text are added as keywords that are used when people search the Internet.  Just like hashtags, your alt text can bring more people to your post, blog or website.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3 aria-level=\"2\"><span data-contrast=\"none\">Do all images need alt text?<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559685\":0,\"335559738\":40,\"335559739\":0,\"335559740\":259}\"> <\/span><\/h3>\n<p><span data-contrast=\"auto\">Not all images require alt text.  Some are purely &#8220;callouts&#8221; and don&#8217;t provide any meaning for your website\/blog\/flyer.  They are simply there to attract someone&#8217;s attention and their sole purpose is decoration.  In these cases, the image can be marked as artifact or decorative. <\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3 aria-level=\"2\"><span data-contrast=\"none\">Keys to effective alt text<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559685\":0,\"335559738\":40,\"335559739\":0,\"335559740\":259}\"> <\/span><\/h3>\n<p><span data-contrast=\"auto\">Alt text is more than just a visual description of the image you&#8217;ve chosen to post or share.  It&#8217;s about what you think is purposeful about the image.  Images 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=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><span data-contrast=\"auto\">Here are some options:<\/span><\/p>\n<p><span data-contrast=\"auto\">1. Photo of the old main building of the NAU.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">2. Photo of the old main entrance of the NAU.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">3. Photo of the historic red brick building entrance with stairs.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">4. Photo of a student walking down the stairs in front of Old Main.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/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=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">Considerations for choosing alt text include why you&#8217;re using the image\u2014what&#8217;s important to your message. <\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3 aria-level=\"2\"><span data-contrast=\"none\">Alternative text for flowcharts, charts, graphs, and diagrams<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559685\":0,\"335559738\":40,\"335559739\":0,\"335559740\":259}\"> <\/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.  Consider a pie chart that shows the market share of computer operating systems.  Convey the ideas shown in the graphic: <\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <img decoding=\"async\" loading=\"lazy\" class=\"alignleft wp-image-66773\" alt=\"Pie chart showing that Windows owns 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 market shares.\" width=\"404\" height=\"243\" srcset=\"https:\/\/news.nau.edu\/wordpress\/wp-content\/uploads\/2022\/08\/graphic.png 754w, https:\/\/news.nau.edu\/wordpress\/wp-content\/uploads\/2022\/08\/graphic-300x181.png 300w\" data-lazy-sizes=\"(max-width: 404px) 100vw, 404px\" src=\"https:\/\/news.nau.edu\/wordpress\/wp-content\/uploads\/2022\/08\/graphic.png\"\/><\/span><\/p>\n<p>Pie chart showing that Windows has 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 market shares. <\/p>\n<p><span data-contrast=\"auto\">If you use graphs that show trends, describe the trends.  Remember the message you are conveying through the graphic.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3 aria-level=\"2\"><span data-contrast=\"none\">Alternative text on social networks<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559685\":0,\"335559738\":40,\"335559739\":0,\"335559740\":259}\"> <\/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.  This makes it accessible to everyone.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3 aria-level=\"2\"><span data-contrast=\"none\">Use these photos!<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559685\":0,\"335559738\":40,\"335559739\":0,\"335559740\":259}\"> <\/span><\/h3>\n<p><span data-contrast=\"auto\">Go take some photos and be sure to describe them in the alt text.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<h3><span data-contrast=\"none\">References and additional information: <\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/h3>\n<p><a href=\"https:\/\/accessibility.web-resources.upenn.edu\/resources\/content-creators\/alternative-text-complex-images\" target=\"_blank\" rel=\"noopener\"><span data-contrast=\"none\">Alt text for complex images<\/span><\/a><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><a href=\"https:\/\/gs.statcounter.com\/os-market-share\/desktop\/united-states-of-america\/\" target=\"_blank\" rel=\"noopener\"><span data-contrast=\"none\">US desktop operating system market share<\/span><\/a><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/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\" target=\"_blank\" rel=\"noopener\"><span data-contrast=\"none\">Everything you need to know to write effective alt text<\/span><\/a><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/google-images\" target=\"_blank\" rel=\"noopener\"><span data-contrast=\"none\">Google Images Best Practices<\/span><\/a><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><a href=\"https:\/\/devotepress.com\/faqs\/alt-text-importance\/\" target=\"_blank\" rel=\"noopener\"><span data-contrast=\"none\">What is alt text and why is it important?<\/span><\/a><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":259}\"> <\/span><\/p>\n<p>[ad_2]<br \/>\n<br \/><a href=\"https:\/\/news.nau.edu\/using-alt-text\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Many of you have heard the term &#8220;alternative What is alt text? Alt is short for The purpose of alt text is to provide a textual alternative to the image you are using and why you are using&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1351,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1350","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-news"],"_links":{"self":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/1350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1350"}],"version-history":[{"count":1,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/1350\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/posts\/1350\/revisions\/1352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=\/wp\/v2\/media\/1351"}],"wp:attachment":[{"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/afreeurl.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}