1.1.1 Non-text Content Level A

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.

[View on W3C.org]

Testing & Remediation

How to test: The WAVE scanner tool can be a good resource for testing this Success Criteria. Any place where there is content that is not text based, ensure that there is accurate, descriptive alternate text.   How to remediate: There are a lot of ways to remediate issues related to this Success Criteria due to the vast number of situations that it applies to. Please view the W3C link above for details about each situation and the appropriate remediation techniques.

Questions and Answers

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...

Are animated gifs okay to have?

If I have a gif on a site that loops continuously. Is that okay or does it violated the 'can't have repeating flashing stuff' rule?

What are the best accessible wordpress sliders?

I see a lot of WordPress websites (and websites in generally really) using sliders for images and information. I can see how it would be really easy to make an accessible slider. Are there any 'out of the box' accessible WordPress sliders?

What is an orphaned form label?

When using the Wave Scanner to repair my website I saw the warning "Orphaned Form Label", with the description was “a form label is present but it is not correctly associated with a form control”. What is this?