diff --git a/_rules/video-only-transcript-ee13b5.md b/_rules/video-only-transcript-ee13b5.md index ba38d2bdb0..7096b00106 100755 --- a/_rules/video-only-transcript-ee13b5.md +++ b/_rules/video-only-transcript-ee13b5.md @@ -11,6 +11,11 @@ accessibility_requirements: failed: not satisfied passed: further testing needed inapplicable: further testing needed + wcag20:1.3.1: # Info and Relationships (A) + secondary: This success criterion is **related** to this rule. This is because this criterion applies to a visible transcript. + wcag20:1.2.1: # Audio-only and Video-only (Prerecorded) (A) + secondary: This success criterion is **less strict** than this rule. This is because this criterion does not require a transcript when the audio-only or video-only is a media alternative for text and is clearly labeled as such. Some of the failed examples may satisfy this success criterion. + input_aspects: - DOM Tree - CSS Styling @@ -37,7 +42,7 @@ This rule applies to any [non-streaming](#non-streaming-media-element) `video` e ## Expectation -The visual information of each test target is available through a text transcript that is [visible][], [included in the accessibility tree][], and is either on the page or linked. +The visual information of each test target is available through a text transcript that is [included in the accessibility tree][], and is either on the page or linked. ## Background @@ -45,7 +50,8 @@ A "text transcript" in the context of this rule is defined in WCAG 2 as an [alte ### Assumptions -A mechanism is available to start the video and that the video element is not simply used to display the [poster](https://www.w3.org/TR/html5/semantics-embedded-content.html#element-attrdef-video-poster). +- A mechanism is available to start the video and that the video element is not simply used to display the [poster](https://www.w3.org/TR/html5/semantics-embedded-content.html#element-attrdef-video-poster). +- Users who are not visually impaired can comprehend the contents of the video through visual cues and information presented visually. ### Accessibility Support @@ -62,7 +68,7 @@ There are no accessibility support issues known. #### Passed Example 1 -This `video` element, which has no audio, has a text transcript available on the same page. +This `video` element, which has no audio, has a visible text transcript available on the same page. ```html @@ -90,6 +96,22 @@ This `video` element, which has no audio, has a transcript which conveys informa ``` +#### Passed Example 3 + +This `video` element, which has no audio, has a non-visible text transcript available on the same page. + +```html + + +

This video shows a giant fat rabbit climbing out of a hole in the ground. +He stretches, yawns, and then starts walking. +Then he stops to scratch his bottom.

+ +``` + ### Failed #### Failed Example 1 @@ -132,7 +154,7 @@ This `video` element, which has no audio, has a text transcript available on the -

The above video shows a giant fat rabbit climbing out of a hole in the ground. +

This video shows a giant fat rabbit climbing out of a hole in the ground. He stretches, yawns, and then starts walking. Then he stops to scratch his bottom.

@@ -148,7 +170,7 @@ This `video` element, which has no audio, has a text transcript available on the - diff --git a/_rules/video-transcript-1a02b0.md b/_rules/video-transcript-1a02b0.md index 4411dac0f2..cbacff1e7c 100755 --- a/_rules/video-transcript-1a02b0.md +++ b/_rules/video-transcript-1a02b0.md @@ -16,6 +16,10 @@ accessibility_requirements: failed: not satisfied passed: further testing needed inapplicable: further testing needed + wcag20:1.3.1: # Info and Relationships (A) + secondary: This success criterion is **related** to this rule. This is because this criterion applies to a visible transcript. + wcag20:1.2.1: # Audio-only and Video-only (Prerecorded) (A) + secondary: This success criterion is **less strict** than this rule. This is because this criterion does not require a transcript when the audio-only or video-only is a media alternative for text and is clearly labeled as such. Some of the failed examples may satisfy this success criterion. input_aspects: - DOM Tree - CSS Styling @@ -42,7 +46,7 @@ This rule applies to every [non-streaming](#non-streaming-media-element) `video` ## Expectation -The visual information of each test target is available through a text transcript that is [visible][], [included in the accessibility tree][], and is either on the page or linked. +The visual information of each test target is available through a text transcript that is [included in the accessibility tree][], and is either on the page or linked. **Note:** A "text transcript" in the context of this rule is defined in WCAG 2 as an [alternative for time based media](https://www.w3.org/TR/WCAG22/#dfn-alternative-for-time-based-media). @@ -50,7 +54,8 @@ The visual information of each test target is available through a text transcrip ### Assumptions -This rule assumes that a mechanism is available to start the video and that the video element is not simply used to display the [poster](https://www.w3.org/TR/html5/semantics-embedded-content.html#element-attrdef-video-poster). +- This rule assumes that a mechanism is available to start the video and that the video element is not simply used to display the [poster](https://www.w3.org/TR/html5/semantics-embedded-content.html#element-attrdef-video-poster). +- Users who are not visually impaired can comprehend the contents of the video through visual cues and information presented visually. ### Accessibility Support @@ -70,7 +75,7 @@ There are no accessibility support issues known. #### Passed Example 1 -A video element with a text transcript on the same page. +A video element with a visible text transcript on the same page. ```html ` @@ -98,6 +103,35 @@ A video element with a link to a text transcript on a different page. ``` +#### Passed Example 3 + +This `video` element has a non-visible text transcript available on the same page. + +```html + + +

The above video shows a giant fat rabbit climbing out of a hole in the ground. +He stretches, yaws, and then starts walking. +Then he stops to scratch his bottom.

+ +``` + +#### Passed Example 4 + +A video element with an associated track element that contains captions for all the audio and a transcript on the page. + +```html + + +

Web Accessibility Perspectives: Keyboard Accessibility. Not being able to use your computer because your mouse doesn't work, is frustrating. (A computer user's mouse breaks when it falls off the desk.) Many people use only the keyboard to navigate websites. Either through preference or circumstance. (A person wearing a sling on her arm typing with one hand.)

+ +``` + ### Failed #### Failed Example 1 @@ -130,6 +164,34 @@ A video element with a link to an incorrect text transcript on a different page. ``` +#### Failed Example 3 + +This `video` element has a text transcript available on the same page, but the transcript is not [included in the accessibility tree][]. + +```html + + + + +``` + +#### Failed Example 4 + +A video element with audio does not have a text transcript. + +```html + + + +``` + ### Inapplicable #### Inapplicable Example 1