{"id":16,"date":"2022-03-02T07:00:55","date_gmt":"2022-03-02T07:00:55","guid":{"rendered":"https:\/\/vwo.com\/glossary\/alt-text\/"},"modified":"2025-02-04T09:47:28","modified_gmt":"2025-02-04T09:47:28","slug":"alt-text","status":"publish","type":"post","link":"https:\/\/vwo.com\/glossary\/alt-text\/","title":{"rendered":"Alt Text"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>What is alt text?<\/strong><\/h2>\n\n\n\n<p>Alt text can be defined as a snippet of descriptive text-based substitute for non-text content, or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.<\/p>\n\n\n\n<p>Originally, alt text was developed to improve the internet browsing experience for the visually impaired as the screen reader describes the function and appearance of a photo or graphic they cannot see. This is still the primary function of alt text.<\/p>\n\n\n\n<p>In the present time, the crucial function of alt text is also to enable an accurate appreciation and acknowledgment of the website images for an appropriate search response by the search engines.<\/p>\n\n\n\n<p>Alt text is usually the text that shows up when you hover over any image or digital asset. <\/p>\n\n\n\n<p>Some common synonyms for alt text are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>alt description<\/li><li>alt attribute<\/li><li>alt tags<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Importance of alt text<\/strong><\/h2>\n\n\n\n<p>A well-written, descriptive alt text dramatically reduces ambiguity and improves user experience. Some benefits of including alt text for digital documents and websites are as follows:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Improved digital accessibility :&nbsp;<\/strong><\/li><\/ol>\n\n\n\n<p>Including accurate and comprehensive alt text to digital assets (images, graphs, etc.) ensures accessibility to all users, regardless of any disabilities or visual impairments.<\/p>\n\n\n\n<p>Alt text is displayed in place of images in browsers if the image file fails to load, or when the user has blocked images. In the below example, a descriptive alt text is displayed in case of a broken image:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"244\" height=\"222\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png\" alt=\"Broken Image\" class=\"wp-image-661\" \/><figcaption>Image source: <a href=\"https:\/\/accessibility.huit.harvard.edu\/describe-content-images\" target=\"_blank\" rel=\"noreferrer noopener\">Digital Accessibility<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>2. <strong>Improved SEO: <\/strong>Although the search engine technology has improved drastically over the years,&nbsp; still the \u201csearch crawlers\u201d can\u2019t see images as we do. Adding a target keyword phrase to the alt text can:<\/p>\n\n\n\n<p>Help images and graphics rank better on organic search<\/p>\n\n\n\n<p>Help digital documents such as PDFs rank better than the ones without alt text.<\/p>\n\n\n\n<p>Having better search rankings, and images, by themselves, can help attract substantial traffic from search engines like Google and Bing.<\/p>\n\n\n\n<p>3. <strong>Improved overall user experience: <\/strong>For every organization, it is important to provide the best user experience to the people who visit their websites. Including alt text to images, graphs, and documents to provide a better image context ensures relevant user interaction hence improving the overall experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to write good alt text<\/strong><\/h2>\n\n\n\n<p>Writing a good alt text is an art in itself. Let\u2019s see what it takes to master this art of writing accurate alt text:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Be specific: <\/strong>&nbsp;Alt text is primarily designed to provide text explanations of images for users who are unable to see them. So, it is important to stick to relevant content. One of the best approaches is to \u201cthink how you would, in short, describe the image over the phone\u201d and then come up with an appropriate alt text.<\/li><li><strong>Keep it concise: <\/strong>A few words usually are enough; although sometimes full sentences could be required. Keep in mind that most popular screen readers cut off alt text at around 125 characters, so it&#8217;s best to stick within that limit.<\/li><li><strong>Use your keywords: <\/strong>It is a good practice to include one or two target keywords in the alt text. This gives more scope to signal to search engines that your page is highly relevant to a particular search query.<\/li><li><strong>Avoid keyword stuffing: <\/strong>It\u2019s advised to avoid keyword stuffing as Google can recognize the usage of too many keywords and can bring down the search ranking.<\/li><li><strong>Don&#8217;t use images as text: <\/strong>A general SEO-friendly web development suggestion is to avoid using images in place of words. If it\u2019s required, explain what your photo says within your alt text.<\/li><li><strong>Avoid using &#8220;image of,&#8221; &#8220;picture of,&#8221; etc.:&nbsp; <\/strong>It&#8217;s already understood that the alt text is referring to an image, so there&#8217;s no need to specify it.<\/li><li><strong>Include longdesc=&#8221;&#8221;: <\/strong>&nbsp;Try to include the longdesc=&#8221;&#8221; tag for more complex images that may require a longer description.<\/li><li><strong>Don\u2019t ignore form buttons: <\/strong>If a form on a website uses image buttons, then it should have an alt attribute that describes the function of the button like, &#8220;search&#8221;, &#8220;apply now&#8221;, \u201csign up,\u201d etc.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Examples of good alt text<\/strong><\/h2>\n\n\n\n<p>Let\u2019s take a look at some of the examples <a href=\"https:\/\/moz.com\/learn\/seo\/alt-text\" target=\"_blank\" rel=\"noreferrer noopener\">from Moz<\/a> for a good alt text:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"317\" height=\"231\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/rooster.png\" alt=\"Rooster\" class=\"wp-image-662\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Okay alt text: <\/strong>&lt;img src=&#8221;bird.png&#8221; alt=&#8221;Rooster&#8221;&gt;<\/p>\n\n\n\n<p><strong>Better alt text: <\/strong>&lt;img src=&#8221;bird.png&#8221; alt=&#8221;Rooster crowing&#8221;&gt;<\/p>\n\n\n\n<p><strong>Best alt text: <\/strong>&lt;img src=&#8221;bird.png&#8221; alt=&#8221;Red-crested rooster crowing&#8221;&gt;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"253\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/escalator.png\" alt=\"Escalator\" class=\"wp-image-663\" srcset=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/escalator.png 382w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/escalator.png?tr=w-375 375w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Okay alt text: <\/strong>&lt;img src=&#8221;escalator.jpg&#8221; alt=&#8221;man on escalator&#8221;&gt;<\/p>\n\n\n\n<p><strong>Better alt text: <\/strong>&lt;img src=&#8221;escalator.jpg&#8221; alt=&#8221;man walking on escalator&#8221;&gt;<\/p>\n\n\n\n<p><strong>Best alt text: <\/strong>&lt;img src=&#8221;escalator.jpg&#8221; alt=&#8221;man wearing backpack walking down escalator&#8221;&gt;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>When to use alt text<\/strong><\/h2>\n\n\n\n<p>It is important to add alt text to the below mentioned digital assets:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Images and pictures<\/li><li>Diagrams, flow charts, and graphs<\/li><li>Videos<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>When not to use alt text<\/strong><\/h2>\n\n\n\n<p>In some cases, including an alt text is not required. One of them is:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Decorative visual objects &#8211; eg. stylistic borders<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to add alt text to a Microsoft document<\/strong><\/h2>\n\n\n\n<p>For instructions on how to add alt text to Microsoft documents such as Outlook, Word, Excel, and PowerPoint, read <a href=\"https:\/\/support.microsoft.com\/en-us\/office\/add-alternative-text-to-a-shape-picture-chart-smartart-graphic-or-other-object-44989b2a-903c-4d9a-b742-6a75b451c669\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to add alt text to objects in WordPress<\/strong><\/h2>\n\n\n\n<p>Follow these <a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/content\/alternative-text-for-images\/\">instructions<\/a> to add alt text in a CMS like WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Alt text is a snippet of descriptive text-based substitute for non-text content or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.<\/p>\n","protected":false},"author":565,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Alt Text | VWO<\/title>\n<meta name=\"description\" content=\"Alt text is a snippet of descriptive text-based substitute for non-text content or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vwo.com\/glossary\/alt-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alt Text | VWO\" \/>\n<meta property=\"og:description\" content=\"Alt text is a snippet of descriptive text-based substitute for non-text content or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/glossary\/alt-text\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Glossary\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-02T07:00:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-04T09:47:28+00:00\" \/>\n<meta name=\"author\" content=\"avnishsharamav\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/\"},\"author\":{\"name\":\"avnishsharamav\",\"@id\":\"https:\/\/vwo.com\/glossary\/#\/schema\/person\/620cb97e975598f02bdaf7e87d218044\"},\"headline\":\"Alt Text\",\"datePublished\":\"2022-03-02T07:00:55+00:00\",\"dateModified\":\"2025-02-04T09:47:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/\"},\"wordCount\":899,\"image\":{\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/\",\"url\":\"https:\/\/vwo.com\/glossary\/alt-text\/\",\"name\":\"Alt Text | VWO\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/glossary\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png\",\"datePublished\":\"2022-03-02T07:00:55+00:00\",\"dateModified\":\"2025-02-04T09:47:28+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/glossary\/#\/schema\/person\/620cb97e975598f02bdaf7e87d218044\"},\"description\":\"Alt text is a snippet of descriptive text-based substitute for non-text content or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/glossary\/alt-text\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/glossary\/alt-text\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/glossary\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Alt Text\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vwo.com\/glossary\/#website\",\"url\":\"https:\/\/vwo.com\/glossary\/\",\"name\":\"VWO Glossary\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vwo.com\/glossary\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/vwo.com\/glossary\/#\/schema\/person\/620cb97e975598f02bdaf7e87d218044\",\"name\":\"avnishsharamav\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/glossary\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5b76ede4c1368d6104eaa4834bd018786dcfa0a69cd759ca31da38e37a39c1e7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5b76ede4c1368d6104eaa4834bd018786dcfa0a69cd759ca31da38e37a39c1e7?s=96&d=mm&r=g\",\"caption\":\"avnishsharamav\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Alt Text | VWO","description":"Alt text is a snippet of descriptive text-based substitute for non-text content or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vwo.com\/glossary\/alt-text\/","og_locale":"en_US","og_type":"article","og_title":"Alt Text | VWO","og_description":"Alt text is a snippet of descriptive text-based substitute for non-text content or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.","og_url":"https:\/\/vwo.com\/glossary\/alt-text\/","og_site_name":"VWO Glossary","article_published_time":"2022-03-02T07:00:55+00:00","article_modified_time":"2025-02-04T09:47:28+00:00","author":"avnishsharamav","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vwo.com\/glossary\/alt-text\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/glossary\/alt-text\/"},"author":{"name":"avnishsharamav","@id":"https:\/\/vwo.com\/glossary\/#\/schema\/person\/620cb97e975598f02bdaf7e87d218044"},"headline":"Alt Text","datePublished":"2022-03-02T07:00:55+00:00","dateModified":"2025-02-04T09:47:28+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/glossary\/alt-text\/"},"wordCount":899,"image":{"@id":"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png","inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/vwo.com\/glossary\/alt-text\/","url":"https:\/\/vwo.com\/glossary\/alt-text\/","name":"Alt Text | VWO","isPartOf":{"@id":"https:\/\/vwo.com\/glossary\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage"},"image":{"@id":"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png","datePublished":"2022-03-02T07:00:55+00:00","dateModified":"2025-02-04T09:47:28+00:00","author":{"@id":"https:\/\/vwo.com\/glossary\/#\/schema\/person\/620cb97e975598f02bdaf7e87d218044"},"description":"Alt text is a snippet of descriptive text-based substitute for non-text content or an embedded piece of HTML code that conveys the meaning and context of a visual item (photos, graphics) in a digital environment such as web pages, PDFs, or apps.","breadcrumb":{"@id":"https:\/\/vwo.com\/glossary\/alt-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/glossary\/alt-text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/glossary\/alt-text\/#primaryimage","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/18\/2022\/04\/broken-image.png"},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/glossary\/alt-text\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/glossary\/"},{"@type":"ListItem","position":2,"name":"Alt Text"}]},{"@type":"WebSite","@id":"https:\/\/vwo.com\/glossary\/#website","url":"https:\/\/vwo.com\/glossary\/","name":"VWO Glossary","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vwo.com\/glossary\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vwo.com\/glossary\/#\/schema\/person\/620cb97e975598f02bdaf7e87d218044","name":"avnishsharamav","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/glossary\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5b76ede4c1368d6104eaa4834bd018786dcfa0a69cd759ca31da38e37a39c1e7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5b76ede4c1368d6104eaa4834bd018786dcfa0a69cd759ca31da38e37a39c1e7?s=96&d=mm&r=g","caption":"avnishsharamav"}}]}},"_links":{"self":[{"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/posts\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/users\/565"}],"replies":[{"embeddable":true,"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":4,"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/posts\/16\/revisions"}],"predecessor-version":[{"id":3236,"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/posts\/16\/revisions\/3236"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/media?parent=16"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/categories?post=16"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/glossary\/wp-json\/wp\/v2\/tags?post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}