Description
All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below:
Controls, Input: If non-text content is a control or accepts user input, then it has a name that describes its purpose. (Refer to Guideline 4.1 for additional requirements for controls and content that accepts user input.)
Time-Based Media: If non-text content is time-based media, then text alternatives at least provide descriptive identification of the non-text content. (Refer to Guideline 1.2 for additional requirements for media.)
Test: If non-text content is a test or exercise that would be invalid if presented in text, then text alternatives at least provide descriptive identification of the non-text content.
Sensory: If non-text content is primarily intended to create a specific sensory experience, then text alternatives at least provide descriptive identification of the non-text content.
CAPTCHA: If the purpose of non-text content is to confirm that content is being accessed by a person rather than a computer, then text alternatives that identify and describe the purpose of the non-text content are provided, and alternative forms of CAPTCHA using output modes for different types of sensory perception are provided to accommodate different disabilities.
Decoration, Formatting, Invisible: If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology.
Questions & Answers
Do my product images need alternative text?
My product description is very detailed. Do my product images still need alternative text?
- alt text
- images
- user experience
How do I know if an image is decorative?
What's the best way to decide whether an image is meaningful or decorative?
- alt text
- decorative images
- graphics
- images
Users can upload images to my web app. Am I required to provide alt text?
Users can upload images to my web app. Am I required to provide alt text?
- alt text
- images
- user content
How do I use decorative images in social media?
I don't want to describe a decorative image. How do I make the attribute empty when using alt text in social media? e.g. I don't want a screen reader to read "Image."
- alt tags
- graphics
- images
- social media
Images on Ecommerce Site
For ecommerce sites, when should images be coded as meaningful and when should they be coded as decorative?
- alt tags
- ecommerce
- images
When should I use a “null” or empty alt tag?
I've read recently that there are situations where a null or empty alt tag is appropriate. In what situations should I use an empty alt attribute?
- alt tags
- empty alt
- null alt attribute
How can I make an image act as a button?
I am curious about how to make an image act as a button and ensure it's accessible. Any guidance?
- buttons
- images
Do images and art need to follow accessibility rules?
My site contains a lot of artwork, graphics, and some photography. My question is whether or not I need to do anything if they don't meet requirements. Or do they get a pass?
- art
- color
- graphics
- images
- video
Do logos need to follow the accessibility guidelines?
Do logos need to follow the accessibility guidelines? Specifically color contrast, size, text, stuff like that.
- best practices
- branding
- color
- images