This help article outlines why alternative (alt) text is important for accessibility and usability, how to ensure images are accessible via alt text, and where it may be most relevant.
Images are made accessible to screen reader users via alternative text, or alt text. Alt text refers to text-based alternatives that must be applied to any contextually relevant, non-text content to ensure accessibility for all users.
Table of Contents
Why is Alt Text for Images So Important?
Many times, content creators avoid using non-text content in an attempt to create more accessible resources. But without graphics or illustrations, your content becomes less dynamic and engaging overall, and thus less accessible to visual learners and those with cognitive disabilities. However, inaccessible non-text content can pose accessibility barriers for people who have difficulty perceiving visual content. For this reason, to ensure your non-text content is accessible, navigable, and usable for everyone, you must include alternative text for all contextually relevant non-text content.
How do I Include Alt Text for Images?
Web Accessibility in Mind (WebAIM), one of the world's leading authorities in web accessibility, outlines the following, practical criteria for including alt text in their Quick Reference on Web Accessibility Principles:
Alt text should present content and function versus a detailed description.
If an image is a link or hotspot, alt text must describe the link’s function.
Words like "picture of," "image of," or "link to" are redundant. Screen reading software already identifies images and links by default.
Alt text should be as succinct as possible.
Alt text should present the contextual purpose and function of an image in as few words as necessary. When working with complex images like graphs and flowcharts, it is not always possible to present contextual purpose equitably and succinctly. This can mean that brief alt text, summarizing contextual purpose, should point to an external, long description or tabular representation of associated data. Please refer to the World Wide Web Consortium (W3C)’s tutorial on Complex Images for more detail.
For more general information regarding alt text, please refer to WebAIM’s article on Alternative Text.
Where Will Alt Text for Images Be Most Relevant?
Contextually relevant, non-text content may be included in HTML resources like web pages, web forms, social media posts, enewsletters, or in non-HTML digital resources like documents or presentations. Please reference the following links to learn how alt text can be applied in multiple digital environments:
HTML Content
For faculty and staff: Content and Media at pdx.edu
Non-HTML Content
Adobe Acrobat
Foxit PhantomPDF
Microsoft Office
Google Workspace
Social Media
University Policy Connection
Making images accessible with alt text is a critical step in complying with Web Content Accessibility Guidelines (WCAG) 2 per Portland State University’s Digital Accessibility Policy. Please reference the following World Wide Web Consortium help article for more information:
If faculty or staff have any additional questions regarding digital accessibility for public-facing digital resources at PSU, please email help-accessibility@pdx.edu or submit a Digital Accessibility Support ticket.