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 & RemediationHow 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
<p>The french word <span lang="fr">bonjour</span> means hello in english.</p>
- Go to the video you want to change in the video manager, click 'Edit', and then 'Subtitles and CC'.
- Here you can edit any part of the captions you would like. Then hit save.
- 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?
- Snazzy Slider by Josh Cummings - https://www.joshcummingsdesign.com/snazzy-slider
How to resolve this:Consider the following markup, this code passes accessibility scanners:
<form> <label for="name">Your Name:</label> <input id="name" type="text" placeholder="Enter your Name"> <input type="submit" value="Submit"> </form> Note:
- The text-input field has the id parameter "name"
- The label field associated with the text field has the for parameter "name"