You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: _rules/video-only-transcript-ee13b5.md
+27-5Lines changed: 27 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,6 +11,11 @@ accessibility_requirements:
11
11
failed: not satisfied
12
12
passed: further testing needed
13
13
inapplicable: further testing needed
14
+
wcag20:1.3.1: # Info and Relationships (A)
15
+
secondary: This success criterion is **related** to this rule. This is because this criterion applies to a visible transcript.
16
+
wcag20:1.2.1: # Audio-only and Video-only (Prerecorded) (A)
17
+
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.
18
+
14
19
input_aspects:
15
20
- DOM Tree
16
21
- CSS Styling
@@ -37,15 +42,16 @@ This rule applies to any [non-streaming](#non-streaming-media-element) `video` e
37
42
38
43
## Expectation
39
44
40
-
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.
45
+
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.
41
46
42
47
## Background
43
48
44
49
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).
45
50
46
51
### Assumptions
47
52
48
-
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).
53
+
- 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).
54
+
- Users who are not visually impaired can comprehend the contents of the video through visual cues and information presented visually.
49
55
50
56
### Accessibility Support
51
57
@@ -62,7 +68,7 @@ There are no accessibility support issues known.
62
68
63
69
#### Passed Example 1
64
70
65
-
This `video` element, which has no audio, has a text transcript available on the same page.
71
+
This `video` element, which has no audio, has a visible text transcript available on the same page.
66
72
67
73
```html
68
74
<htmllang="en">
@@ -90,6 +96,22 @@ This `video` element, which has no audio, has a transcript which conveys informa
90
96
</html>
91
97
```
92
98
99
+
#### Passed Example 3
100
+
101
+
This `video` element, which has no audio, has a non-visible text transcript available on the same page.
<pstyle="position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;">This video shows a giant fat rabbit climbing out of a hole in the ground.
110
+
He stretches, yawns, and then starts walking.
111
+
Then he stops to scratch his bottom.</p>
112
+
</html>
113
+
```
114
+
93
115
### Failed
94
116
95
117
#### Failed Example 1
@@ -132,7 +154,7 @@ This `video` element, which has no audio, has a text transcript available on the
Copy file name to clipboardExpand all lines: _rules/video-transcript-1a02b0.md
+65-3Lines changed: 65 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,6 +16,10 @@ accessibility_requirements:
16
16
failed: not satisfied
17
17
passed: further testing needed
18
18
inapplicable: further testing needed
19
+
wcag20:1.3.1: # Info and Relationships (A)
20
+
secondary: This success criterion is **related** to this rule. This is because this criterion applies to a visible transcript.
21
+
wcag20:1.2.1: # Audio-only and Video-only (Prerecorded) (A)
22
+
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.
19
23
input_aspects:
20
24
- DOM Tree
21
25
- CSS Styling
@@ -42,15 +46,16 @@ This rule applies to every [non-streaming](#non-streaming-media-element) `video`
42
46
43
47
## Expectation
44
48
45
-
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.
49
+
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.
46
50
47
51
**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).
48
52
49
53
## Background
50
54
51
55
### Assumptions
52
56
53
-
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).
57
+
- 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).
58
+
- Users who are not visually impaired can comprehend the contents of the video through visual cues and information presented visually.
54
59
55
60
### Accessibility Support
56
61
@@ -70,7 +75,7 @@ There are no accessibility support issues known.
70
75
71
76
#### Passed Example 1
72
77
73
-
A video element with a text transcript on the same page.
78
+
A video element with a visible text transcript on the same page.
74
79
75
80
```html
76
81
<htmllang="en">`
@@ -98,6 +103,35 @@ A video element with a link to a text transcript on a different page.
98
103
</html>
99
104
```
100
105
106
+
#### Passed Example 3
107
+
108
+
This `video` element has a non-visible text transcript available on the same page.
<pstyle="position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;">The above video shows a giant fat rabbit climbing out of a hole in the ground.
117
+
He stretches, yaws, and then starts walking.
118
+
Then he stops to scratch his bottom.</p>
119
+
</html>
120
+
```
121
+
122
+
#### Passed Example 4
123
+
124
+
A video element with an associated track element that contains captions for all the audio and a transcript on the page.
<p> 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.) </p>
132
+
</html>
133
+
```
134
+
101
135
### Failed
102
136
103
137
#### Failed Example 1
@@ -130,6 +164,34 @@ A video element with a link to an incorrect text transcript on a different page.
130
164
</html>
131
165
```
132
166
167
+
#### Failed Example 3
168
+
169
+
This `video` element has a text transcript available on the same page, but the transcript is not [included in the accessibility tree][].
0 commit comments