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
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
Can I specify the language of specific parts of my page?
As an example, let's suppose I want to write the following. 'The french word bonjour means hello in english.' My sites language is english, but I would like screen readers to know that 'bonjour' is written in french. Is that something I should even bother...
- building content
- translations
How to fix incorrect youtube cc and transcript?
I've posted a video on youtube with lots of speaking, and some of the captions that are automatically generated by youtube aren't correct. How can I change them?
- audio
- captions
- translations
- video
- youtube