Situation A: If a short description can serve the same purpose and present the same information as the non-text content: G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content Short text alternative techniques for Situation A: ARIA6: Using aria-label to provide labels for objects ARIA10: Using aria-labelledby to provide a text alternative for non-text content G196: Using a text alternative on one item within a group of images that describes all items in the group H2: Combining adjacent image and text links for the same resource H35: Providing text alternatives on applet elements H37: Using alt attributes on img elements H53: Using the body of the object element H86: Providing text alternatives for ASCII art, emoticons, and leetspeak PDF1: Applying text alternatives to images with the Alt entry in PDF documents Situation B: If a short description can not serve the same purpose and present the same information as the non-text content (e.g., a chart or diagram): G95: Providing short text alternatives that provide a brief description of the non-text content Short text alternative techniques for Situation B: ARIA6: Using aria-label to provide labels for objects ARIA10: Using aria-labelledby to provide a text alternative for non-text content G196: Using a text alternative on one item within a group of images that describes all items in the group H2: Combining adjacent image and text links for the same resource H35: Providing text alternatives on applet elements H37: Using alt attributes on img elements H53: Using the body of the object element H86: Providing text alternatives for ASCII art, emoticons, and leetspeak PDF1: Applying text alternatives to images with the Alt entry in PDF documents Long text alternative techniques for Situation B: ARIA15: Using aria-describedby to provide descriptions of images G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content G74: Providing a long description in text near the non-text content, with a reference to the location of the long description in the short description G92: Providing long description for non-text content that serves the same purpose and presents the same information H45: Using longdesc H53: Using the body of the object element Situation C: If non-text content is a control or accepts user input: G82: Providing a text alternative that identifies the purpose of the non-text content Text alternative techniques for controls and input for Situation C: ARIA6: Using aria-label to provide labels for objects ARIA9: Using aria-labelledby to concatenate a label from several text nodes H24: Providing text alternatives for the area elements of image maps H30: Providing link text that describes the purpose of a link for anchor elements H36: Using alt attributes on images used as submit buttons H44: Using label elements to associate text labels with form controls H65: Using the title attribute to identify form controls when the label element cannot be used Situation D: If non-text content is time-based media (including live video-only and live audio-only); a test or exercise that would be invalid if presented in text; or primarily intended to create a specific sensory experience: Providing a descriptive label Short text alternative techniques for Situation D: ARIA6: Using aria-label to provide labels for objects ARIA10: Using aria-labelledby to provide a text alternative for non-text content G196: Using a text alternative on one item within a group of images that describes all items in the group H2: Combining adjacent image and text links for the same resource H35: Providing text alternatives on applet elements H37: Using alt attributes on img elements H53: Using the body of the object element H86: Providing text alternative
s for ASCII art, emoticons, and leetspeak PDF1: Applying text alternatives to images with the Alt entry in PDF documents G68: Providing a short text alternative that describes the purpose of live audio-only and live video-only content Short text alternative techniques for Situation D: ARIA6: Using aria-label to provide labels for objects ARIA10: Using aria-labelledby to provide a text alternative for non-text content G196: Using a text alternative on one item within a group of images that describes all items in the group H2: Combining adjacent image and text links for the same resource H35: Providing text alternatives on applet elements H37: Using alt attributes on img elements H53: Using the body of the object element H86: Providing text alternatives for ASCII art, emoticons, and leetspeak PDF1: Applying text alternatives to images with the Alt entry in PDF documents G100: Providing a short text alternative which is the accepted name or a descriptive name of the non-text content Short text alternative techniques for Situation D: ARIA6: Using aria-label to provide labels for objects ARIA10: Using aria-labelledby to provide a text alternative for non-text content G196: Using a text alternative on one item within a group of images that describes all items in the group H2: Combining adjacent image and text links for the same resource H35: Providing text alternatives on applet elements H37: Using alt attributes on img elements H53: Using the body of the object element H86: Providing text alternatives for ASCII art, emoticons, and leetspeak PDF1: Applying text alternatives to images with the Alt entry in PDF documents Situation E: If non-text content is a CAPTCHA: G143: Providing a text alternative that describes the purpose of the CAPTCHA AND G144: Ensuring that the Web Page contains another CAPTCHA serving the same purpose using a different modality Situation F: If the non-text content should be ignored by assistive technology: Implementing or marking the non-text content so that it will be ignored by assistive technology using one of the following techniques: Techniques to indicate that text alternatives are not required for Situation F: C9: Using CSS to include decorative images H67: Using null alt text and no title attribute on img elements for images that AT should ignore PDF4: Hiding decorative images with the Artifact tag in PDF documents Advisory Techniques for Success Criterion 1.1.1 C18: Using CSS margin and padding rules instead of spacer images for layout design Failures for Success Criterion 1.1.1 F3: Failure of Success Criterion 1.1.1 due to using CSS to include images that convey important information F13: Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image F20: Failure of Success Criterion 1.1.1 and 4.1.2 due to not updating text alternatives when changes to non-text content occur F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text) F38: Failure of Success Criterion 1.1.1 due to not marking up decorative images in HTML in a way that allows assistive technology to ignore them F39: Failure of Success Criterion 1.1.1 due to providing a text alternative that is not null (e.g., alt="spacer" or alt="image") for images that should be ignored by assistive technology F65: Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type "image" F67: Failure of Success Criterion 1.1.1 and 1.2.1 due to providing long descriptions for non-text content that does not serve the same purpose or does not present the same information F71: Failure of Success Criterion 1.1.1 due to using text look-alikes to represent text without providing a text alternative F72: Failure of Success Criterion 1.1.1 due to using ASCII art without providing a text alternative Back to top Guideline 1.2 – Time-based Media Provide alternatives for time-based media. 1.2.1 Audio-only and Video-only (Prerecorded) Level A For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or video is a media alternative for text and is clearly labeled as such: Prerecorded Audio-only: An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content. Prerecorded Video-only: Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content. Understanding 1.2.1 Show Hide techniques and failures for 1.2.1 Sufficient Advisory Failures Sufficient Techniques for Success Criterion 1.2.1 Note: Other techniques may also be sufficient if they meet the success criterion. See Understanding Techniques.