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.

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

Do images and art need to follow accessibility rules?

Artwork and images themselves do not need to meet accessibility requirements.

Do logos need to follow the accessibility guidelines?

No, logos do not need to follow website accessibility guidelines. It is always good practice to do your best to make sure they do though.

Can I specify the language of specific parts of my page?

Yes, you can, and yes you should! The same way you specific the language of the document in the HTML tag with lang="en" you can specify the language of individual elements the same way! Consider your example:
<p>The french word <span lang="fr">bonjour</span> means hello in english.</p>

Are animated gifs okay to have?

Most of the time animated gifs will be accessible. There should be a few things to keep in mind though to ensure this remains true. For example, ask yourself if there is another way that the message can be communicated. Would a still image do? If not, think about providing an alternative or some way that users can forgo the animation. A useful tool when checking your gifs for accessibility may be this Photosensitive Epilepsy Analysis Tool. The thought behind this is that you can make sure the animation won't trigger seizures in people who are sensitive to them.

How to fix incorrect youtube cc and transcript?

Youtube makes it really easy to create accessible videos with transcriptions. As you have noticed, however, they aren't always perfect. Luckily it is very easy to fix, and they have a great article on how to do it. To summarize:
  1. Go to the video you want to change in the video manager, click 'Edit', and then 'Subtitles and CC'.
  2. Here you can edit any part of the captions you would like. Then hit save.
For more detail information on youtube captions, you can visit their youtube help question here.

How do I add alt text to background images?

No, usually background images do not need alt tags. If you're using an image tag to display an image then it needs an alt tag, but if you're using an image to style the background of a block of content, it does not need an alt tag. This is because the image only appears as part of the container elements style, and not within the actual markup.

What are the best accessible wordpress sliders?

Carousels and sliders pose accessibility issues for keyboard and screen reader users that can be challenging to adequately address by adjusting your markup. Keep in mind that all content and controls abled users can access must be made robust enough to be accessed by all users, this means (among other things) that slider controls need to have tab-navigation consideration, timing needs to be adequate enough so that all users can read slides, and UI controls need to have enough color contrast such that they can be perceived by everyone. Any carousel or slider can contain non-accessible content,  so keep these things in mind when building content:
  • Do the headers flow from h1 down without skipping a level?
  • Do embedded images have adequate alt tags?
  • Do the links open have descriptive titles or link text?
Below are sliders that are accessible:
  • Snazzy Slider by Josh Cummings -

What is an orphaned form label?

This warning refers to form labels that exist in the web pages markup but is not appropriately associated with a corresponding field. Best practice dictates that within a form every input element has a matching label element, this can be done by attributing the for field of the label with the same element id of the desired input.

How to resolve this:

Consider the following markup, this code passes accessibility scanners:
<label for="name">Your Name:</label>
<input id="name" type="text" placeholder="Enter your Name">
<input type="submit" value="Submit"> 

  • The text-input field has the id parameter "name"
  • The label field associated with the text field has the for parameter "name"

How long does the accessibliity process take?

This question depends on a number of factors including size of site, desired level of conformance, your developer's understanding of accessibility techniques, etc. Accessible Web is here to help. Reach out and we can discuss your site specifically.