-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathWC-UA-alignment.html
255 lines (251 loc) · 17.2 KB
/
WC-UA-alignment.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LVTF Requirements - Alignment with other guidelines</title>
<style>
td, th { vertical-align:top; padding:0.1em 0 0.1em 0.2em; border: black thin solid;}
table {border-collapse:collapse;}
</style>
</head>
<body>
<p>This table is to show the alignment between the Low Vision Task Force Requirements Document and WCAG, UAAG, and ATAG</p>
<table>
<tr>
<th scope="row">LVTF User Need</th>
<th>WCAG Alignment</th>
<th>UAAG alignment</th>
<th>Full/partial coverage</th>
<th>Link to Meeting Minutes</th>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#brightness-overall">3.1.1 Brightness Overall</a> Users can set the overall brightness of a display.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#gl-time-independent#sc_2108">2.10.8 Video Contrast and Brightness</a> (AAA)</td>
<td>GAP - WCAG no SC
<p>GAP - UAAG video only covered</p></td>
<td><a href="https://www.w3.org/2016/05/04-lvtf-minutes.html#item03">3.1.1</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#text-contrast">3.1.2 Text Contrast</a> Users can set the background color and the text color from the full color spectrum.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">1.4.3 Contrast (Minimum)</a> (AA)
<p><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast7">1.4.6 Contrast (Enhanced)</a> (AAA)</p></td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_131">1.3.1 Distinguishable Highlighting</a> (A)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_132">1.3.2 Highlighting Options</a> (AA)</p>
<p><a href="https://www.w3.org/TR/UAAG20/#sc_133">1.3.3 Highlighting Active Keyboard Focus</a> (AA)</p>
<p><a href="https://www.w3.org/TR/UAAG20/#sc_141">1.4.1 Basic text formatting (Globally)</a> (A)</p>
<p><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)
</p></td>
<td>GAP - WCAG does not enable user settings.
<p>NOGAP - UAAG</p></td>
<td><a href="https://www.w3.org/2016/05/04-lvtf-minutes.html#item04">3.1.2</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#not-relying-on-color">3.1.3 Not Relying on Color</a>
Color is not the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-without-color">1.4.1 Use of Color</a> (A) </td>
<td> </td>
<td>NOGAP - WCAG
<p>GAP - UAAG not covered</p></td>
<td><a href="https://www.w3.org/2016/05/04-lvtf-minutes.html#item05">3.1.3</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#rewrap-for-one-direction-scrolling">3.2.1 Rewrap for One Direction Scrolling</a>
Blocks of text rewrap so that only one direction of scrolling is needed, e.g., for left-right and right-left scripts (languages), usually vertical scrolling and not horizontal scrolling</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA)</td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_1815">1.8.15 Linearize Content</a> (AA)</td>
<td>GAP - WCAG - no mention of horizontal scrolling
<p>NOGAP - UAAG</p></td>
<td><a href="https://www.w3.org/2016/05/04-lvtf-minutes.html#item05">3.1.3</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#reflow-to-single-column">3.2.2 Reflow to Single Column</a>
Users can set blocks of text in one continuous block, instead of in multiple columns.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_1813">1.8.13 Multi-Column Text Reflow</a> (AA)</td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG</p></td>
<td><a href="https://www.w3.org/2016/05/04-lvtf-minutes.html#item05">3.1.3</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#line-length">3.2.3 Line Length</a> Users can set the line length for blocks of text. Often the easiest way to do this (for developers, designers, and users) is for users to resize text areas and the text rewraps to change the line length.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA)</td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_143">1.4.3 Blocks of text (Globally)</a> (AA)</td>
<td>GAP - WCAG - line length multi-column not covered
<p>NOGAP - UAAG</p></td>
<td><a href="https://www.w3.org/2016/05/04-lvtf-minutes.html#item05">3.1.3</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#hyphenation">3.2.4 Hyphenation</a> Users can turn hyphenation on or off.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_146">1.4.6 Advanced text formatting</a> (AAA)</td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG</p></td>
<td><a href="https://www.w3.org/2016/05/04-lvtf-minutes.html#item06">3.2.4</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#text-size">3.3.1 Text Size</a> Users can change the text size (font size) of all text, without zooming the entire interface.</td>
<td><p><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale">1.4.4 Resize text</a> (AA)</p>
<p><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA)</p></td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_141">1.4.1 Basic text formatting (Globally)</a> (A)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)</p>
<p> </p></td>
<td>GAP WCAG - 1.4.4 & 1.4.8 limits size to 200%
<p>NOGAP - UAAG met by 1.4.1 & 1.4.2</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution01">3.3.1</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#font">3.3.2 Font</a>
Users can change the font face (also called font family or typeface) of all text, choosing from a wide range of fonts including serif and sans serif fonts.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_141">1.4.1 Basic text formatting (Globally)</a> (A)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)</p></td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG met by 1.4.1 & 1.4.2</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution02">3.3.2</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#style">3.3.3 Style</a> Users can change the text style (underline, italic, bold) of blocks of text.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_141">1.4.1 Basic text formatting (Globally)</a> (A)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)</p></td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG met by 1.4.1 & 1.4.2</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution03">3.3.3</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#capitalization">3.3.4 Capitalization</a> Users can change the capitalization (all capital letters, small capital letters, sentence style) of blocks of text.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_146">1.4.6 Advanced text formatting</a> (AAA)</td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG met by 1.4.6</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution04">3.3.4</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#size-of-all-elements">3.3.5 Size of All Elements</a> Users can change the size of all elements.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale"></a>
<p><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA)</p></td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_141">1.4.1 Basic text formatting (Globally)</a> (A)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)</p></td>
<td>GAP - WCAG only cover text formatting, not all elements
<p>GAP - UAAG only cover text formatting, not all elements</p></td>
<td><a href="https://www.w3.org/2016/05/12-lvtf-minutes.html#resolution01">3.3.5 Size of all elements</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#linespacing">3.4.1 Line Spacing</a> Users can change the line spacing (leading) of blocks of text.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA)</td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_141">1.4.1 Basic text formatting (Globally)</a> (A)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)</p></td>
<td>GAP - WCAG - partial, no adjusting, only minimum),
<p>GAP - UAAG (adjustable - only to 2x, with 3 levels). Note: users may want less than minimuim line spacing</p></td>
<td><a href="https://www.w3.org/2016/05/12-lvtf-minutes.html#resolution03">3.4.1 Leading</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#letter-spacing">3.4.2 Letter Spacing</a> Users can change the letter spacing (space between letters/characters) of blocks of text.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_143">1.4.3 Blocks of Text - see character spacing</a> (AA)</td>
<td>GAP - WCAG no SC
<p>NOGAP -UAAG </p></td>
<td><a href="https://www.w3.org/2016/05/12-lvtf-minutes.html#item07">3.4.2 Letter Spacing</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#word-spacing">3.4.3 Word Spacing</a> Users can change the word spacing (space between words) of blocks of text.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_146">1.4.6 Advanced text formatting</a> (AAA)</td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG </p></td>
<td><a href="https://www.w3.org/2016/05/12-lvtf-minutes.html#item08">3.4.3 Word spacing</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#justification">3.4.4 Justification</a> Users can change the justification / alignment (left, right, full/both, centered) of blocks of text.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA)</td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_143">1.4.3 Blocks of Text</a> (AA)</td>
<td>GAP - WCAG 1.4.8 partial - no full justifiaction.
<p>NOGAP - UAAG </p></td>
<td><a href="https://www.w3.org/2016/05/12-lvtf-minutes.html#resolution05">3.4.4 justification</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#margins-and-borders">3.4.5 Margins and Borders</a> Users can change the margins (blank space) and borders (including color, width, and style) around blocks of text.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_143">1.4.3 Blocks of text (Globally)</a> (AA) </p>
<p> </p></td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG (though border settings not fully expanded)</p></td>
<td><a href="https://www.w3.org/2016/05/12-lvtf-minutes.html#resolution06">2.4.5 Margins and borders</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#spacing-between-elements">3.4.6 Spacing Between Elements</a> Spacing groups related elements and separates less related elements.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA) (<p> only)</td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_143">1.4.3 Blocks of text (Globally)</a> (AA) </p></td>
<td>GAP - WCAG 1.4.8 only covers <p>
<p>NOGAP - UAAG met by 1.4.2 and 1.4.3</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution06">3.4.6</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#element-level-customization">3.5.1 Element-level Customization</a> <p>Users can customize text differently for specific elements, such as headings, lists, and paragraph text.</p>
<p>Users can set at least:</p>
<ul>
<li>Text size</li>
<li>Text color and background color</li>
<li>Font</li>
<li>Text style (that is, turn on or off underline, italic, bold)</li>
<li>Line spacing</li>
<li>Margins</li>
<li>Borders (including border line color, width, and style)</li></ul>
</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_142">1.4.2 Basic text formatting (by Element)</a> (AA)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_146">1.4.6 Advanced text formatting</a> (AAA)</p></td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG met by 1.4.2 and 1.4.6</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution07">3.5.1</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#maintain-point-of-regard">3.6.1 Maintain Point of Regard</a> The point of regard remains visible within the viewport when the viewport is resized, when content is zoomed or scaled, or when content formatting is changed.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_186">1.8.6 Maintain Point of Regard</a> (A)
<p> <a href="https://www.w3.org/TR/UAAG20/#sc_189">1.8.9 Provide Viewport History</a>
(AA) </p>
</td>
<td>GAP - WCAG no SC
<p>NOGAP - UAAG met by 1.8.6 and 1.8.9</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution09">3.6.1</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#proximity-of-related-information">3.6.2 Proximity of Related Information</a> Users know about and can find related information.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_1101">1.10.1 Show Related Elements</a> (AA)</td>
<td>GAP - WCAG no SC
<p>GAP - UAAG met by 1.10.1 (only first bullet in user need covered)</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution09">3.62</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#seeing-all-interface-elements">3.7.1 Seeing All Interface Elements</a> Users can see all interface elements that are intended for users to see, including when users have changed display settings such as text size.</td>
<td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale">1.4.4 Resize text</a> (AA)
<p><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (AAA)</p></td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_271">2.7.1 Customize Display of Controls for User Interface Commands, Functions, and Add-ons</a> (AA)</td>
<td>GAP - WCAG partial 1.44 and 1.48
<p>GAP - UAAG 2.71 covers UA items only, not content elements</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution11">3.7.1</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#printing-customized-text">3.7.2 Printing Customized Text</a> Users can print content after customizing how the text is displayed.</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#sc_144">1.4.4 Configured and Reflowed Text Printing</a> (AA)</td>
<td>GAP - WCAG no SC
<p>GAP - UAAG 1.4.4 </p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution12">3.7.2</a></td>
</tr>
<tr>
<td scope="row"><a href="http://w3c.github.io/low-vision-a11y-tf/requirements.html#using-user-settings">3.7.3 Using User Settings</a> User agents uses OS settings; content uses UA and OS settings</td>
<td> </td>
<td><a href="https://www.w3.org/TR/UAAG20/#gl-store-pref">Guideline 2.6 - Configure and store preference settings</a> (A, AA, AAA)
<p><a href="https://www.w3.org/TR/UAAG20/#sc_513">5.1.3 Implement Accessibility Features of the Platform</a> (A)</p></td>
<td>GAP - WCAG no SC
<p>GAP - UAAG Guideline 2.6 and 5.1.3</p></td>
<td><a href="https://www.w3.org/2016/05/19-lvtf-minutes.html#resolution14">3.7.3</a></td>
</tr>
</table>
</body>
</html>