Va11yS
Images and Multimedia
-
Images, Icons & Graphics
- WCAG ARIA10 - Example 1: Providing a short description for a complex graphic
- WCAG General - G73 Example 1: A bar chart on a Web page showing the sales for the top three salespeople that includes a long description
- WCAG General - G74 Example 1: A bar chart on a Web page showing the sales for the top three salespeople that includes a long description after the chart
- WCAG HTML - H2 Example 1: Icon and text in the same a element
- WCAG HTML - H2 Example 2: Combining adjacent image and text links for the same resource
- WCAG HTML - H24 Example 1: Using the alt attribute of the area element to provide text that describes the purpose of the image map areas
- WCAG HTML - H30 Example 2: Using the alt attribute for the img element to describe the purpose of a graphical link
- WCAG HTML - H30 Example 3: Using an empty alt when the anchor containts text that describes the purpose of the link in addition to the img element
- WCAG HTML - H30 Example 4: Using multiple modalities to allow identification of an icon
- WCAG HTML - H30 Example 5: A link contains text and an icon, and the icon provides additional information about the target.
- WCAG HTML - H37 Example 1: Using alt attributes on img elements
- WCAG HTML - H45 Example 1: Using longdesc to refer to a long description contained on a separate resource.
- WCAG HTML - H67 Example 1: Using null alt text on a decorative image
- WCAG HTML - H86 Example 1: Providing text alternatives for ASCII art, emoticons, and leetspeak (e.g. emoticon)
- WCAG HTML - H86 Example 2: Providing text alternatives for ASCII art, emoticons, and leetspeak (e.g. ASCII)
- WCAG HTML - H86 Example 3: Providing text alternatives for ASCII art, emoticons, and leetspeak (e.g. leetspeak)
- WCAG HTML - H91 Example 1b: Using an alt atribute for an img to provide the link name
- WCAG HTML - H91 Example 1c: Inserting a space between the image and the adjacent word so that words will not run together
- WCAG HTML - H91 Example 2e: Demonstrating how AT uses the alt attribute and ignoring
- WCAG ARIA15- Example 1: Using aria-describedby to provide descriptions of images
-
Video
-
WCAG HTML - H95 Example 1: Using the
trackelement to provide captions - WCAG HTML - H95 Example 2: Captions in multiple languages
-
WCAG HTML - H96 Example 1: Using the
trackelement to provide audio descriptions (e.g. one language) -
WCAG HTML - H96 Example 2: Using the
trackelement to provide audio descriptions (e.g. multiple languages) -
WCAG HTML - H96 Example 3: Using the
trackelement to provide audio descriptions (e.g. captions in multiple languages) - WCAG HTML -
-
WCAG HTML - H95 Example 1: Using the
- Images & Multimedia Used in Various Frameworks