--- title: Image Alt Text Best Practices For Web Accessibility description: When optimizing website accessibility, alt text proficiency is important to ensure all visitors have a positive and complete user experience. image: https://blog.usablenet.com/hubfs/%5BSBM%5D%20Blog%20Images%202023/UsableNet-Image-Alt-Text-Best-Practices-For-Web-Accessibility.jpeg --- - [skip to menu](https://blog.usablenet.com/image-alt-text-best-practices-for-web-accessibility#nav) - [skip to content](https://blog.usablenet.com/image-alt-text-best-practices-for-web-accessibility#main-content) - [skip to footer](https://blog.usablenet.com/image-alt-text-best-practices-for-web-accessibility#footer) Test the accessibility of your website for free! Try UsableNet AQA. [Test now!](https://usablenet.com/automated-accessibility-testing-tool) Close [![UsableNet home](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/logo.png?width=429&height=62&name=logo.png)](https://usablenet.com/) - [Solutions](https://usablenet.com) ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Explore which of our digital accessibility solutions is right for you [Watch a Demo](https://info.usablenet.com/choose-a-demo?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1737658630173.1737669055746.199&__hssc=181257784.7.1737669055746&__hsfp=3011104808) - [Resources](https://usablenet.com/resources) ## Resources - [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [Tools](https://usablenet.com/resources?contentType=Tools) - [All Resources](https://usablenet.com/resources) ## Essential Resources ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-1.png?width=100&height=100&name=resources-1.png) [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-2.png?width=100&height=100&name=resources-2.png) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-3.png?width=100&height=100&name=resources-3.png) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz) ![](https://blog.usablenet.com/hs-fs/hubfs/ADA%20Primer.png?width=100&height=100&name=ADA%20Primer.png) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance) - [Who We Serve](https://usablenet.com/strategic-relationships) ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/e-commerce-accessibility-solutions) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/eaa-en-301-549-compliance) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) Close Open Menu - Solutions ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Which accessibility remediation approach is right for me? [Take our Quiz](https://info.usablenet.com/website-accessibility-remediation-quiz) - Resources ## Resources [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) [Reports](https://usablenet.com/resources?contentType=Reports) [Webinars](https://usablenet.com/resources?contentType=Webinars) [Tools](https://usablenet.com/resources?contentType=Tools) [All Resources](https://usablenet.com/resources) ## Essential Resources [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) - Who We Serve ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/compliance-europe) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) # Image Alt Text Best Practices For Web Accessibility **By** [Michael Taylor](https://blog.usablenet.com/author/michael-taylor) on Sep 11, 2023 **Topics:** [Web Accessibility](https://blog.usablenet.com/topic/web-accessibility) 0 Comments - - - ![Illustration of woman looking at alt tag on computer screen](https://blog.usablenet.com/hubfs/%5BSBM%5D%20Blog%20Images%202023/UsableNet-Image-Alt-Text-Best-Practices-For-Web-Accessibility.jpeg) One point I have stressed in several previous blogs is the importance of alternative text image descriptions for website pictures and graphics. So much information is conveyed to users through imagery, making image accessibility necessary to assistive technology dependents. Today I will dive into the specifics of alternative text image descriptions, including what they are, how to implement them, and best practices for writing descriptive tags. As a blind technology user, I offer valuable firsthand insights into the attributes of an image description that are most meaningful to visually impaired individuals. Continuing the trend from all my posts, I will focus exclusively on screen reader accessibility. Screen readers are highly specialized software that verbalizes visual on-screen elements of any website, mobile application, or computer program. Every day, I and many other visually impaired individuals rely on screen readers to access digital content. For screen readers to work effectively, you must optimize your website's code, including alternative text image descriptions ([alt text](https://moz.com/learn/seo/alt-text), for short). These short word-based accounts tell blind users what an image depicts and, if it’s a hyperlink, where it leads to. [![→ Read how to build a complete Accessibility Testing Program in our free guide. ](https://no-cache.hubspot.com/cta/default/3280432/6922792a-d0e2-49cc-8b05-64deb9a47db0.png)](https://cta-redirect.hubspot.com/cta/redirect/3280432/6922792a-d0e2-49cc-8b05-64deb9a47db0) ###   How Screen Readers Interact with Images Alternative text image descriptions are a necessary component of a website’s code that allows screen readers to detect, recognize, and navigate images on the page. If these text labels are missing completely, the screen reader will completely ignore the image or announce vague terms such as “image”, “graphic,” or the file name of the image. An even more poignant problem when websites lack image descriptions is that blind users will inevitably miss out on the essential details conveyed in any photographs or graphics. Alternative text descriptions are attached to the back-end code of the relevant picture through the “alt” attribute. If implemented correctly, the descriptions are invisible to sighted users (unless the image doesn’t load properly on the page). Alternative text descriptions are different from traditional on-page picture captions that appear below an image. Captions are visible to all users and generally provide supplemental information, such as the names of the people in the photograph. While this information is essential, captions do not replace alternative text tags because they do not convey the equivalent visual data available to sighted users. It is relatively useless to know the names of the individuals in an image if I cannot also know where the people are positioned, who they are, and what they are doing. Including proper alt text allows screen reader users to know all the details in a picture. However, not all descriptions are created equal. ###   Image Alt Text Best Practices There are two critical factors to consider when writing an alternative text image description. Firstly, the text should explain all the necessary visual detail sighted users obtain when examining the photograph. Secondly, you should state the information in as few words as possible to maintain navigational efficiency and fluidity. Following these [web accessibility](https://blog.usablenet.com/a-technical-guide-to-getting-started-with-web-accessibility-part-1-alternative-text) alt text guidelines improves usability, user experience, and page optimization. #### Include All of the Essential Elements When constructing the descriptive tag, mention the subject, action, and setting. The subject refers to the main focal point of the picture—usually a person, animal, or object, such as furniture or buildings. Let's take, for example, a picture of a group of four people having dinner at a round table in a residential dining room. The people are the subject and should be mentioned first in most cases when writing an image tag. Next, all image descriptions need to touch upon the action taken by the subject or subjects. In this case, the people are eating dinner. Lastly, identify the setting. The setting covers details such as where the subjects are located in the frame and relevant distinguishing characteristics of the pictured environment. In this example, the setting is a round table in a home dining room. An appropriate alternative text image description for the above scenario can be: “Four people eat dinner at a round table in a home dining room." Though there is no definite industry standard for the order of subject, action, and setting in a descriptive tag, the aforementioned sequence is generally effective. There’s also no reason to include superfluous or redundant terms or phrases in [alt text](https://www.w3.org/WAI/tutorials/images/tips/), such as “image,” “icon,” or “picture.” Screen readers will announce the presence of an image or graphic, so limit these descriptors to words like “painting” or “photograph” if distinguishing the medium is necessary. #### Always Use as Few Words As Possible Equally important as crafting the content of an alternative text image tag is employing as few words as possible in the description. As a visually impaired user, I want to obtain the data presented in the picture without being bogged down by lengthy mini-paragraphs that slow me down and lead to an overall clunky site navigation experience. To demonstrate my point, I will write a poorly-optimized version of the description from the previous paragraph: "A group of four people are eating at a round table. They are eating dinner in a dining room in a house." This is a much wordier way to say: "Four people eat dinner at a round table in a home dining room." Unfortunately, this is all too common in the field, as I frequently encounter image tags that need shortening. Look at every element of the tag, even something less obvious, like grammar. Grammatical structure and phrasing can make a big difference in length. In the previous example, the lengthy version begins with: "A group of four people are eating." My optimized version says: "Four people eat." One is seven words, and the other is three, but the extrapolated meaning is the same. Regarding grammar, using the present tense reduces the word count by eliminating the need for auxiliary verbs. The phrase "a group of" is not necessary to convey the intended point. When writing descriptions, web accessible image alt text best practice is to be concise without sacrificing detail and clarity. #### Tailor the Text Description to the Picture's Purpose Images on websites do not exist in a vacuum. They almost always have a specific purpose or goal. When writing a description for a picture, focus on details that further the original intent of that photo. We’ll use the dinner table example from earlier again. Suppose the picture is a product image for furniture on a retail site. In that case, the description should focus more on details related to the displayed table. Conversely, if the image is on a restaurant's site, you might describe the food on the plates or the room's ambiance Blind technology users like myself find image descriptions more useful when they explain details relevant to that image's primary function. For example, when browsing a furniture site for a dresser, I want the product photo description to focus on the dresser itself rather than extraneous particulars, such as the color of the wall behind it. In a similar light, certain images on a website need not be described at all. For example, decorative or background graphics are not necessary for a successful visit to the site and therefore do not require alternative text descriptions. In this scenario, a null (empty) alt text tag (alt="") tells screen readers to ignore the graphic’s descriptive readout and reduce [audible clutter](https://www.w3.org/WAI/tutorials/images/decorative/#). The key takeaway here is that alternative text tags should be crafted based on both the purpose of the picture and what is present on the page around the image. ### How to Address Linked Images It is common in digital content for images to also serve as clickable links. When a screen reader encounters a hyperlinked image, it is far more important that the descriptive tag focuses on where the link will take the user rather than the image itself. Not all link images need to be described, so this is more of a judgment call. If the image’s contents are important to the overall purpose and message, providing a description is recommended. If not, a destination designation may be enough. Most importantly, prioritize the information regarding where the linked image will ultimately bring the user. The image’s alt text should be in context with the web page’s meaning and function. ### What Not to Include in an Alternative Text Image Description Below are some web elements that you should not include in descriptive image tags: - Long, complicated file names - Full hyperlinks or URLs - Confusing or excessive punctuation The above descriptors will hinder screen reader performance and defeat the purpose of the description. Plain text is best. ### Why is Alt Text Important? I cannot stress enough the positive impact of a well-optimized description on the experience of a blind screen reader user. This accessibility standard not only allows visitors with impairments to consume content completely, but [image alt text also provides many SEO](https://blog.usablenet.com/your-one-stop-manual-for-accessible-alt-text) benefits. In other words, proper alt text helps to [surface the images in search results](https://blog.usablenet.com/a-technical-guide-to-getting-started-with-web-accessibility-part-1-alternative-text), pushing more organic traffic to the website. Writing detailed and meaningful but compact and concise alternative text descriptions provides an accessible image experience for everyone. [![accessibility testing](https://no-cache.hubspot.com/cta/default/3280432/9cc92dfa-1721-4207-be28-f1bbb21fa4cf.png)](https://cta-redirect.hubspot.com/cta/redirect/3280432/9cc92dfa-1721-4207-be28-f1bbb21fa4cf) ![Michael Taylor](https://blog.usablenet.com/hubfs/Imported_Blog_Media/Michael%20Taylor-4.jpg) ### [Michael Taylor](https://blog.usablenet.com/author/michael-taylor) I am a regular contributor to the UsableNet blog on digital accessibility. I develop, write, and edit content for the company blog related to my experiences with digital accessibility. I explore various areas of the digital world and combine my unique perspective as a screen reader user with my fun and creative writing style to deliver an informative and engaging final product. My goal is to advance the company's marketing initiatives while also raising awareness about digital accessibility and how it affects the lives of real-world assistive technology users. My work covers everything from common accessibility challenges to robust and accessible design to tutorial-like content for specific web elements. - - - - ### Related posts ![Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hotel-website-accessibility-check-in-and-in-stay-barriers-for-blind-guests) Jul 15, 2026 ![Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hotel-website-accessibility-browsing-room-options) Jul 14, 2026 ![Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/hubfs/Registration%20-%20Midyear%20Report.png) [Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/inside-the-2026-midyear-numbers-where-digital-accessibility-litigation-is-going) Jul 8, 2026 ![The Low-Cost Moves That Strengthen an ADA Website Defense](https://blog.usablenet.com/hubfs/The%20Low-Cost%20Moves%20That%20Strengthen%20an%20ADA%20Website%20Defense.png) [The Low-Cost Moves That Strengthen an ADA Website Defense](https://blog.usablenet.com/the-low-cost-moves-that-strengthen-an-ada-website-defense) Jun 16, 2026 ### Sign Up for the UsableNet Blog ### Recent Posts ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hotel-website-accessibility-check-in-and-in-stay-barriers-for-blind-guests) Jul 15, 2026 ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hotel-website-accessibility-browsing-room-options) Jul 14, 2026 ![feature image](https://blog.usablenet.com/hubfs/Registration%20-%20Midyear%20Report.png) [Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/inside-the-2026-midyear-numbers-where-digital-accessibility-litigation-is-going) Jul 8, 2026 ### Posts by Topic - [Web Accessibility (311)](https://blog.usablenet.com/topic/web-accessibility) - [User Experience (113)](https://blog.usablenet.com/topic/user-experience) - [ADA Lawsuits (45)](https://blog.usablenet.com/topic/ada-lawsuits) - [ADA Website Compliance (38)](https://blog.usablenet.com/topic/ada-website-compliance) - [European Accessibility Act (34)](https://blog.usablenet.com/topic/european-accessibility-act) - [Mobile Web (30)](https://blog.usablenet.com/topic/mobile-web) - [Mobile Apps (27)](https://blog.usablenet.com/topic/mobile-apps) - [Retail (27)](https://blog.usablenet.com/topic/retail) ![](https://blog.usablenet.com/hubfs/Consultation%20Icon.svg) Need to improve digital usability, accessibility or performance? We can help. [Partner with us. Get in touch..](https://usablenet.com/getintouch?hsCtaTracking=34f54ed4-8696-43c9-b740-a3982b4b5d91%7Cf4246c48-bf25-487f-9058-34abb838058e) ## Page Footer ### Have a question? **Contact Us** [Book a Consultation](https://calendly.com/usablenet-accessibility/introduction?month=2025-02) [Watch a Demo](https://info.usablenet.com/choose-a-demo) ### Solutions - [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) - [UsableNet AQA](https://usablenet.com/technology/aqa) - [Accessibility Audit & Support Services](https://usablenet.com/services) - [Pricing and Plans](https://usablenet.com/pricing) ### Resource Library - [Blog](https://blog.usablenet.com/) - [E-Books](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Test your website for accessibility](https://usablenet.com/automated-accessibility-testing-tool) - [ADA Monthly Lawsuit Tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [All Resources](https://usablenet.com/resources?all=true) ### Who We Serve - [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) - [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) - [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) - [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) - [Healthcare](https://info.usablenet.com/industries-healthcare) - [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) ### Compliance - [European Accessibility Laws](https://info.usablenet.com/compliance-europe) - [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) ### Company - [About Us](https://usablenet.com/about-us) - [LLM Resources](https://usablenet.com/for-ai-assistants) [Accessibility Support](https://blog.usablenet.com/support)| [Privacy Policy](https://blog.usablenet.com/privacy)| [Accessibility Statement](https://blog.usablenet.com/accessibility-statement)| [Diversity and Inclusion Statement](https://blog.usablenet.com/diversity-and-inclusion)| Accessibility Status | [Technology Patents](https://blog.usablenet.com/technology/patent) ## **Sign Up** for the **UsableNet Blog** Join our mailing list to receive email notifications when we publish a new blog, infographic, whitepaper or newsletter. Stay up-to-date on our insights, the latest tech news and digital trends. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Michael Taylor", "url" : "https://blog.usablenet.com/author/michael-taylor" }, "dateModified" : "2023-09-11T12:15:00.536Z", "datePublished" : "2023-09-11T12:15:00.000Z", "headline" : "Image Alt Text Best Practices For Web Accessibility", "image" : [ "https://blog.usablenet.com/hubfs/%5BSBM%5D%20Blog%20Images%202023/UsableNet-Image-Alt-Text-Best-Practices-For-Web-Accessibility.jpeg" ], "mainEntityOfPage" : { "@id" : "https://blog.usablenet.com/image-alt-text-best-practices-for-web-accessibility", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.usablenet.com/hubfs/UsableNet%20Logo_Black.png" }, "name" : "UsableNet Inc." } } ```