{"id":10425,"date":"2021-01-13T12:13:15","date_gmt":"2021-01-13T17:13:15","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=10425"},"modified":"2025-02-04T14:15:50","modified_gmt":"2025-02-04T19:15:50","slug":"alt-text","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/accessibility\/alt-text\/","title":{"rendered":"Images"},"content":{"rendered":"<figure id=\"attachment_13094\" class=\"thumbnail wp-caption alignright\" style=\"width: 260px\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-13094\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/03\/alt-text.png\" alt=\"\" width=\"250\" height=\"183\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/03\/alt-text.png 390w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/03\/alt-text-300x219.png 300w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><figcaption class=\"caption wp-caption-text\">Example of alt text that displays when an image fails to load.<\/figcaption><\/figure>\n<p>Blind or visually impaired users use alt text to understand the context of images they are unable to see. Alternative text, or <strong>alt text<\/strong>, describes the appearance or function of an image. It\u00a0is<strong> required for all images that provide meaningful information<\/strong>.<\/p>\n<p>Another benefit of alt text is when an image fails to load, the alt text will display in its place. There are many reasons people might view your web site without images including visual impairment or low-bandwidth internet connections. Including alt text with your images ensures all users, regardless of visual ability, can understand the content on your site.<\/p>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Best Practices<\/h2>\n<ul>\n<li>It should convey the\u00a0<strong>context\u00a0<\/strong>and<strong>\u00a0function<\/strong> (where it links to, if the image is also a link) of the image. This is explained in further detail below.<\/li>\n<li>Keep the description concise. Alt text should be described with as few words as possible, without sacrificing the meaning or intent of the image.<\/li>\n<li>Don\u2019t include \u201cImage of\u201d or \u201cPhoto of.\u201d This is redundant because screen readers will announce it as an image.<\/li>\n<li>Start alt text with a capitol letter.<\/li>\n<li>Alt text should always <strong>end with a period<\/strong>, even if it&#8217;s not a complete sentence. This ensures the screen reader pauses after reading the alt text.<\/li>\n<li>Any image that is also a\u00a0<strong>link<\/strong> must have alt text and the text should tell the visitor where the link is taking them.<\/li>\n<li>If the\u00a0<strong>image<\/strong>\u00a0contains text, the alt text should include the same text unless that text can be found in the content of the page near the image.<\/li>\n<li><strong>Complex images<\/strong>, like charts, graphs, posters or flyers should have long descriptions in the page text that is located near the image. The image\u2019s alt text should then describe where the long description is located.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n\n\n<div class=\"\thero-wrapper images2\t\">\n\t \n<div class=\"hero-graphic\"><\/div>\n<div class=\"hero-text\">\n<p>Vision disability is one of the <strong>top 10 disabilities<\/strong> among adults 18 years and older and one of the most prevalent disabling conditions among children.<\/p>\n<p class=\"cite\">Source: <a href=\"https:\/\/www.cdc.gov\/vision-health\/data-research\/vision-loss-facts\">Fast Facts of Common Eye Disorders &#8211; Centers for Disease Control and Prevention<\/a>.<\/p>\n<\/div>\n\n<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"decorative\">When Images Don&#8217;t Need Alt Text<\/h2>\n<figure id=\"attachment_11695\" class=\"thumbnail wp-caption alignright\" style=\"width: 385px\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11695\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/05\/empty-alt-text-e1677786846775.png\" alt=\"Screenshot showing the insertion of an image into a webpage. The empty alternative text field is highlighted and text explains that the Alternative Text field should be left empty for decorative images.\" width=\"375\" height=\"248\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/05\/empty-alt-text-e1677786846775.png 540w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/05\/empty-alt-text-e1677786846775-300x198.png 300w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><figcaption class=\"caption wp-caption-text\">This is the alt text used for the above image: Screenshot showing the insertion of an image into a webpage. The empty alternative text field is highlighted and text explains that the Alternative Text field should be left empty for decorative images.<\/figcaption><\/figure>\n<p>An image does not need alt text:<\/p>\n<ul>\n<li>When it is strictly for decorative purposes and conveys no meaning.<\/li>\n<li>If it has a caption that contains all the relevant information needed in the alt text.<\/li>\n<li>When the content that the image conveys is expressed in text surrounding the image. This is mostly used with complex images or images with a lot of text.<\/li>\n<\/ul>\n<p>Decorative images are images that provide no information and are used purely for aesthetic purposes. These images do not need alternative text. In the School of Medicine web system, leaving the Alt Text field blank will automatically mark an image as being decorative and will instruct a screen reader to skip it.<\/p>\n<h3>An image is NOT decorative if it:<\/h3>\n<ul>\n<li>contains any text<\/li>\n<li>links to something<\/li>\n<\/ul>\n<p>Any image fulfilling the requirements listed above is not decorative and requires alt text.<\/p>\n<h3>A few common types of decorative images include:<\/h3>\n<ul>\n<li>divider lines that help break up content<\/li>\n<li>images used to provide a mood or feeling<\/li>\n<li>background images<\/li>\n<\/ul>\n<p>If you&#8217;re not sure whether an image needs alt text, go ahead and add it. It&#8217;s better to err on the side of caution and inclusion.<\/p>\n<h3 id=\"caption\">Caption vs. Alt Text<\/h3>\n<p>If an image you are using already has a caption, it might not need alt text. Read the caption and decide if it is enough. If the caption is too brief or missing key information, that information should be added to the alt text.<\/p>\n<p>Any relevant information that is not describing the image itself, such as the source of the image, permissions, or copyright information, should be placed as a caption below the image, not in the alt text.<\/p>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Context is Everything<\/h2>\n<p>Understanding the\u00a0<strong>context<\/strong>\u00a0of the image is critical when writing alt text. Does the image provide meaningful information? Does it expand on the the surrounding text? If so, think about how to put that into words.<\/p>\n<h3>Example 1of Alt Text with Various Contexts<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-13042 alignnone\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/03\/biltmore-estate-300x211.jpg\" alt=\"Biltmore Estate.\" width=\"250\" height=\"176\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/03\/biltmore-estate-300x211.jpg 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/03\/biltmore-estate.jpg 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/03\/biltmore-estate-560x394.jpg 560w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/p>\n<p>Let&#8217;s evaluate the above photo of the Biltmore Estate.<\/p>\n<h4>Scenario 1<\/h4>\n<p>If the surrounding content is an article about famous houses around the nation, it may be enough to simply identify the house: &#8220;Biltmore Estate in Asheville, North Carolina.&#8221;<\/p>\n<h4>Scenario 2<\/h4>\n<p>If the article is about 19th-century building techniques, it might be more appropriate to say: &#8220;The French Renaissance style Biltmore Estate in Asheville, North Carolina was built in 1890s from hand-hewn limestone blocks.&#8221;<\/p>\n<h4>Scenario 3<\/h4>\n<p>If the content is a club newsletter, then the alt text might be: &#8220;Club members visiting the Biltmore Estate.&#8221;<\/p>\n<p><strong>Let the context dictate what you include in alternative text.<\/strong><\/p>\n<h3>Example 2 of Alt Text with Various Contexts<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10612\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/CLS-student-300x263.jpg\" alt=\"Example image of medical student working in a lab.\" width=\"250\" height=\"219\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/CLS-student-300x263.jpg 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/CLS-student-600x525.jpg 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/CLS-student.jpg 700w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/p>\n<p>The alternative text for this image might change immensely based on context, as demonstrated below.<\/p>\n<h4>Scenario 1<\/h4>\n<p>Let\u2019s say this is a stock photo that you used on a web page for aesthetic purposes. Since it doesn\u2019t represent any important content and does not link to anything, you would leave the alt text blank.<\/p>\n<h4>Scenario 2<\/h4>\n<p>Let\u2019s say this is a photo of one of your department&#8217;s students and it is being used on a webpage to recruit new students. The alt text could look something like \u201cClinical Laboratory Science student identifying DNA markers for genetic diseases.\u201d<\/p>\n<h4>Scenario 3<\/h4>\n<p>The context in which the above image is being used on this web page is vastly different than the above scenarios. The alt text applied here was &#8220;Example image of medical student working in a lab.&#8221; I wanted to ensure that someone with a screen reader had a basic understanding of what was in the image and that it was being used as an example so that they could follow along with this documentation.<\/p>\n<h4>Scenario 4<\/h4>\n<p>This image is being used on the Health Sciences home page. It is being used under the &#8220;Divisions \/ Centers&#8221; heading to represent the Clinical Laboratory Science (CLS) division. Since it links to the Clinical Laboratory Science website, the alt text would be &#8220;Clinical Laboratory Science.&#8221;<\/p>\n<p><span class=\"imgBorderMed\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10613\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/alt-text-example-1024x474.png\" alt=\"Example screenshot of Allied Health Sciences home page showing a listing of divisions and centers.\" width=\"600\" height=\"277\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/alt-text-example-1024x474.png 1024w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/alt-text-example-300x139.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/alt-text-example-768x355.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/alt-text-example-600x277.png 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2021\/01\/alt-text-example.png 1237w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span><\/p>\n<h3>Other Examples<\/h3>\n<p>Need more? The following websites provide additional examples:<\/p>\n<ul>\n<li><a href=\"https:\/\/webaim.org\/techniques\/alttext\/#context\">WebAIM<\/a><\/li>\n<li><a href=\"https:\/\/accessibility.huit.harvard.edu\/describe-content-images\">Harvard\u2019s Digital Accessibility<\/a><\/li>\n<li><a href=\"https:\/\/it.wisc.edu\/news\/how-to-write-effective-alt-text-for-web-images\/\">IT at UW-Madison<\/a><\/li>\n<\/ul>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Linking Images<\/h2>\n<p>Writing alternative text for a linked image differs from describing an image&#8217;s content or purpose. For a linked image, the alternative text should focus on the link&#8217;s destination or function. For example, the alternative text for a Twitter icon that links to your department&#8217;s account might read &#8220;Connect with [name of department] on Twitter.&#8221; The alt text for an image of a question mark that links to a help page should be \u201cContact Support\u201d rather than \u201cquestion mark.\u201d<\/p>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Images With Text<\/h2>\n<p>It&#8217;s best to avoid images with text in them. If they are used, all text contained in an image must be placed in the alternative text.<\/p>\n<h3>Issues With Text In Images<\/h3>\n<ul>\n<li>Screen readers and other assistive technologies cannot read the text unless proper alternative text is provided.<\/li>\n<li>Screen reader users struggle with images of text even when there is alt text. The alt text is read as a single run-on sentence. Line breaks, headings, table structure and lists are lost, and if any words are missed the user cannot go back a line &#8211; they have to start over at the beginning.<\/li>\n<li>Mobile users struggle with images of text. The lines cannot reflow, so the browser just makes it smaller and smaller and smaller, where is could possibly illegible.<\/li>\n<li>If someone has a slow or unreliable internet connection, their browser may not display the image. If so, they are at risk of missing out on important information that\u2019s conveyed in the image.<\/li>\n<li>Images of text tend to become pixelated and blurry when enlarged.<\/li>\n<li>Search engines rely on actual text to index content. They can&#8217;t read text contained within images.<\/li>\n<li>Text inside images (such as a company\u2019s address that is fixed in an image) cannot be copied.<\/li>\n<li>A page translator cannot translate the text.<\/li>\n<\/ul>\n<h3>When images of text are used:<\/h3>\n<ul>\n<li>Always provide alternative text for words in an image.<\/li>\n<li>The images should be a generous size to mitigate pixelation when zoomed.<\/li>\n<li>If the text in the image is longer than a sentence, reproduce its contents on the page as regular text. See the Complex Images section below for more details.<\/li>\n<\/ul>\n<h3>Example<\/h3>\n<p>The TEACCH website uses custom graphics with text as buttons:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13235\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/06\/images-with-text.png\" alt=\"Example of two graphics with text.\" width=\"400\" height=\"81\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/06\/images-with-text.png 876w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/06\/images-with-text-300x61.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/06\/images-with-text-768x156.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/06\/images-with-text-600x122.png 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2023\/06\/images-with-text-560x114.png 560w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>The alt text for the first button would be &#8220;Questions? Contact TEACCH.&#8221; The alt text for the second button would be &#8220;Join our training news email list.&#8221;<\/p>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Complex Images<\/h2>\n<p>If an image is too complicated to describe with alt text, a lengthier description should be added to the page content and be located near the image. The image\u2019s alt text should then describe where to locate that information.<\/p>\n<p>Graphs and charts are examples of complex images where the information presented in the image should be duplicated in the text of the page. This ensures visitors using screen reader software don&#8217;t miss out on the content. It also helps sighted users who might have difficulty understanding the graph or chart.<\/p>\n<p>Ways to represent the data in graphs and charts include the use of headings with either bulleted or numbered lists. You could also use tables to display the data.<\/p>\n<p>If all the information in an image of a chart or graph is included in the text of a page (which is recommended), the alt text should provide a simple description of the chart and direct site visitors to the long description on the page. For example: &#8220;Department of Medicine organizational chart; detailed data provided below.&#8221;<\/p>\n<h3>Examples<\/h3>\n<ol>\n<li>Arizona State University provides a detailed <a title=\"Accessible images: complex image guidelines\" href=\"https:\/\/accessibility.asu.edu\/articles\/complex-images\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"685a22b4-9f6b-4453-87bc-938bfc9261eb\">Accessible Complex Image Guide<\/a>.<\/li>\n<li>The Oregon State University Accessibility web site has a good working example of <a href=\"https:\/\/accessibility.oregonstate.edu\/alttext#complex\">how to represent data from a chart<\/a>.<\/li>\n<li><a href=\"https:\/\/accessibility.huit.harvard.edu\/data-viz-charts-graphs\">Harvard&#8217;s Data Visualizations, Charts, and Graphs page<\/a> explains how to ensure data visualizations are accessible to everyone by being mindful of color, labels, descriptions, and design.<\/li>\n<li>PennState demonstrates <a href=\"https:\/\/accessibility.psu.edu\/images\/flowcharts\/\">how to describe Flowcharts &amp; Concept Maps<\/a>.<\/li>\n<li>See how <a href=\"https:\/\/library.unc.edu\/about\/orgchart\/\">University Libraries<\/a> displays both a graphical organization chart as well as a text version.<\/li>\n<li><a href=\"https:\/\/chancellor.unc.edu\/organizational-chart\/\">ºÚÁÏÍø Office of the Chancellor<\/a> opted for a text outline for their org. chart.<\/li>\n<li>The <a href=\"https:\/\/ung.edu\/about\/structure\/ung-overall.php\">University of North Georgia<\/a> provides both a text outline of their organizational structure as well as a graphical representation in a pdf (link at top of page).<\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/complex\/\">W3C Guide to Alt Text on Complex Images<\/a><\/li>\n<\/ol>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Search Engine Optimization (SEO) Benefits<\/h2>\n<p>Alt text can contribute to improved SEO. The content of alt text assists search engines in understand what your page is about.\u00a0 It also helps search engine crawlers properly index your images and improves your chances of gaining visibility for those images in search engine results.<\/p>\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/google-images#include-descriptive-titles,-captions,-filenames,-and-text-for-images\">Google<\/a> places a relatively high value on alt text. They use it to determine what the image represents and how it relates to the surrounding text. Google extracts information about the subject matter of the image from the content of the page, and alt text. Wherever possible, make sure images are placed near relevant text and on pages that are relevant to the image subject matter.<\/p>\n<p><strong>Do not<\/strong> cram alt text with keywords for the sole purpose of improving SEO. This will hinder the alt text&#8217;s true purpose of improving accessibility.\u00a0Just focus on <strong>describing<\/strong> the purpose of the photo. SEO should be considered a side benefit and not the goal for writing good alt text.<\/p>\n<p><a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/accessibility-and-seo\/\">Learn more about accessibility and SEO<\/a><\/p>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Acronyms and Abbreviations<\/h2>\n<ul>\n<li>It&#8217;s a good idea to spell out acronyms and abbreviations so as not to confuse any visitors that might be unfamiliar with them.<\/li>\n<li>For those using screen readers, acronyms and abbreviations can be particularly confusing, as they can be hard to understand when heard.<\/li>\n<li>In general, screen readers will typically spell out (or say each letter) of a word that is all uppercase.<\/li>\n<\/ul>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Related Training<\/h2>\n<div class=\"row  oscitas-bootstrap-container\">\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/CizNbSuRRew\" title=\"Improving Image Accessibility with Alt Text\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Improving Image Accessibility with Alt Text<\/h3>\n<p style=\"text-align: center;\">Learn what alt text is and when to use it or omit it.<br \/>\n4 min. 20 sec.<\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/iyzPK-Mz_CY\" title=\"Writing Effective and Accessible Alt Text\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<h3 style=\"text-align: center;\">Writing Effective and Accessible Alt Text<\/h3>\n<p style=\"text-align: center;\">Learn how to write alt text for more complex image use, such as charts, graphs, and image links.<br \/>\n4 min. 12 sec.<\/p>\n<\/div>\n<\/div>\n<hr  style=\"margin:30px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/axesslab.com\/alt-texts\/\">Alt-texts: The Ultimate Guide<\/a> &#8211; learn from a vision impaired web developer the best practices for alt text.<\/li>\n<li><a href=\"https:\/\/webaim.org\/techniques\/alttext\/#functional\" data-et-has-event-already=\"true\">WebAIM Alternative Text<\/a> &#8211;\u00a0WebAIM illustrates quality alternative text and can help you determine the content and function of an image.<\/li>\n<li><a href=\"http:\/\/webaim.org\/techniques\/images\/\">WebAIM\u2019s Tutorial on Creating Accessible Images<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/tutorials\/images\/\">W3C Image Concepts<\/a> &#8211; documentation on how to provide appropriate text alternatives for images.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blind or visually impaired users use alt text to understand the context of images they are unable to see. Alternative text, or alt text, describes the appearance or function of an image. It\u00a0is required for all images that provide meaningful information. Another benefit of alt text is when an image fails to load, the alt &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/accessibility\/alt-text\/\" aria-label=\"Read more about Images\">Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":9092,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-10425","page","type-page","status-publish","hentry","odd"],"acf":[],"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/10425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/comments?post=10425"}],"version-history":[{"count":50,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/10425\/revisions"}],"predecessor-version":[{"id":13887,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/10425\/revisions\/13887"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9092"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/media?parent=10425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}