-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy path2020-10-13-all-act.html
280 lines (270 loc) · 12.9 KB
/
2020-10-13-all-act.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
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Prototype: All ACT Rules | W3C WAI</title>
<link rel="stylesheet" href="https://w3.org/WAI/assets/css/style.css?1573220675560713000" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="https://w3.org/WAI/atag/report-tool/build/bundle.css" />
<script type="text/javascript" async="" defer="" src="//www.w3.org/analytics/piwik/piwik.js"></script>
<script defer="" src="/WAI/atag/report-tool/build/bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"></script>
<link rel="stylesheet" href="/a11y-light.css" />
</head>
<body>
<header id="site-header" class="default-grid with-gap">
<div class="tool-header">
<span class="tool-header-name"><a href="2020-10-13-all-act.html" >WCAG 2.1: ACT Rules</a></span>
<div class="tool-header-logo">
<a href="http://w3.org/">
<img alt="W3C" src="https://w3.org/WAI/atag/report-tool/images/w3c.svg" width="92" height="44" />
</a>
<a href="http://w3.org/WAI/">
<img alt="Web Accessibility Initiative" src="https://w3.org//WAI/atag/report-tool/images/wai.svg" />
</a>
</div>
</div>
</header>
<main>
<div id="conformance-tool" class="default-grid leftcol">
<!-- app 'renders' here -->
<div style="display: none;" aria-hidden="true" data-svnav-router="0"></div>
<nav class="nav svelte-3wzt7m" aria-label="Steps">
<ul class="svelte-3wzt7m">
<li class="nav__item">
<a href="2020-10-20-about-act.html">About <abbr title="Accessibility Conformance Testing">ACT</abbr> Rules</a>
</li>
<li class="nav__item">
<a href="2020-10-13-all-act.html" class="active">All ACT Rules</a>
</li>
<li class="nav__item">
<a href="alt-index.html">All WCAG 2 Guidance <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24">
<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4L21 10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10L19 6.41422L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L17.5858 5H14ZM3 7C3 5.89543 3.89543 5 5 5H10C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7H5V19H17V14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7Z" fill="#282828"></path>
</svg></a>
</li>
</ul>
</nav>
<section class="app-content svelte-1ecbihu" aria-label="Main content">
<h1>All ACT Rules</h1>
<aside class="box">
<header class="box-h ">Summary</header>
<div class="box-i">
<p><em>Accessibility Conformance Testing (ACT) Rules</em> describe ways to test conformance to WCAG success criteria. They are implemented in automated testing tools and manual testing methodologies. <a href="2020-10-20-about-act.html">About ACT Rules</a> provides further background, and <a href="alt-index.html">All WCAG 2 Guidance</a> provides an overview on related guidance.</p>
</p>
</div>
</aside>
<ul>
<li><a href="2020-07-15-prototype-act.html">Button has non-empty accessible name</a></li>
<li><a href="2020-07-15-prototype-act.html">Form field has non-empty accessible name</a></li>
<li><a href="2020-07-15-prototype-act.html">HTML page has <code class="language-plaintext highlighter-rouge">lang</code> attribute</a></li>
<li><a href="2020-07-15-prototype-act.html">HTML page has non-empty title</a></li>
<li><a href="2020-07-15-prototype-act.html">HTML page lang and xml:lang attributes have matching values</a></li>
<li><a href="2020-07-15-prototype-act.html">HTML page language is valid</a></li>
<li><a href="2020-07-15-prototype-act.html">Image button has accessible name</a></li>
<li><a href="2020-07-15-prototype-act.html">Image has non-empty accessible name</a></li>
<li><a href="2020-07-15-prototype-act.html">Link has non-empty accessible name</a></li>
<li><a href="2020-07-15-prototype-act.html">meta viewport allows for zoom</a></li>
<li><a href="2020-07-15-prototype-act.html">SVG element with explicit role has non-empty accessible name</a></li>
</ul>
</section>
</section>
</section>
</div>
</main>
<div class="default-grid">
<aside class="box box-icon box-space-above" id="helpimprove" style="-ms-grid-column: 2; -ms-grid-column-span: 8; grid-column: 2 / 8;">
<header class="box-h box-h-icon box-h-space-above box-h-icon">
<svg focusable="false" aria-hidden="true" class="icon-comments">
<use
xlink:href="/WAI/atag/report-tool/images/icons.svg#icon-comments"
></use>
</svg>
<h2>Help improve this page</h2>
</header>
<div class="box-i">
<p>
Please share your ideas, suggestions, or comments via e-mail to the publicly-archived list
<a href="mailto:[email protected]@w3.org?subject=Techniques">[email protected]</a
>
or via GitHub.
</p>
<div class="button-group">
<a
href="mailto:[email protected]@w3.org?subject=Techniquesl&body=[put%20comment%20here...]"
class="button"
><span>E-mail</span></a
>
<a
href="https://github.com/w3c/wcag/issues/"
class="button"
><span>Fork & Edit on GitHub</span></a
><a
href="https://github.com/w3c/wcag/issues/new"
class="button"
><span>New GitHub Issue</span></a
>
</div>
</div>
<div></div>
</aside>
</div>
<footer
id="wai-site-footer"
class="page-footer default-grid"
aria-label="Page"
>
<div
class="inner"
style="-ms-grid-column: 2; -ms-grid-column-span: 8; grid-column: 2 / 8;"
>
<p><strong>Date:</strong> Published 29 June 2020.</p>
<p>
<strong>Authors</strong>:
<a href="https://www.w3.org/WAI/GL/">Accessibility Guidelines Working Group</a>.
<strong>Editors</strong>:
<a href="[email protected]">Alastair Campbell, Michael Cooper, Andrew Kirkpatrick</a>.
<strong>Contributors</strong>:
<a href="https://www.w3.org/People/Shawn/">Shawn Lawton Henry</a>, Eric Eggert, Kevin White, and Daniel Montalvo.
<a href="/WAI/atag/report-tool/acknowledgements">Acknowledgements</a> lists additional contributors.
</p>
<p>
Developed by the Education and Outreach Working Group (<a href="http://www.w3.org/WAI/EO/">EOWG</a
>) with support from the
<a href="https://www.w3.org/WAI/about/projects/wai-guide/"
>WAI-Guide</a
>
project funded by the European Commission (EC) under the Horizon 2020
program (Grant Agreement 822245).
</p>
</div>
</footer>
<footer class="site-footer grid-4q" aria-label="Site">
<div class="q1-start q3-end about">
<div>
<p>
<a
class="largelink"
href="https://w3.org/WAI/"
dir="auto"
translate="no"
lang="en"
>W3C Web Accessibility Initiative (WAI)</a
>
</p>
<p>
Strategies, standards, and supporting resources to make the Web
accessible to people with disabilities.
</p>
</div>
<div class="social" dir="auto" translate="no" lang="en">
<ul>
<li>
<a href="https://twitter.com/w3c_wai"
><svg focusable="false" aria-hidden="true" class="icon-twitter">
<use
xlink:href="/WAI/atag/report-tool/images/icons.svg#icon-twitter"
></use>
</svg>
Twitter</a
>
</li>
<li>
<a href="https://w3.org/WAI/feed.xml"
><svg focusable="false" aria-hidden="true" class="icon-rss">
<use
xlink:href="/WAI/atag/report-tool/images/icons.svg#icon-rss"
></use>
</svg>
Feed</a
>
</li>
<li>
<a
href="https://www.youtube.com/channel/UCU6ljj3m1fglIPjSjs2DpRA/playlistsv"
><svg focusable="false" aria-hidden="true" class="icon-youtube">
<use
xlink:href="/WAI/atag/report-tool/images/icons.svg#icon-youtube"
></use>
</svg>
YouTube</a
>
</li>
<li>
<a href="https://w3.org/WAI/news/subscribe/" class="button"
>Get News in Email</a
>
</li>
</ul>
</div>
<div dir="auto" translate="no" lang="en">
<p>
Copyright © 2019 W3C <sup>®</sup> (<a
href="https://www.csail.mit.edu/"
><abbr title="Massachusetts Institute of Technology">MIT</abbr></a
>,
<a href="https://www.ercim.eu/"
><abbr
title="European Research Consortium for Informatics and Mathematics"
>ERCIM</abbr
></a
>, <a href="https://www.keio.ac.jp/">Keio</a>,
<a href="https://ev.buaa.edu.cn">Beihang</a>)
<a href="https://w3.org/WAI/about/using-wai-material/">Permission to Use WAI Material</a
>.
</p>
</div>
</div>
<div dir="auto" translate="no" class="q4-start q4-end" lang="en">
<ul style="margin-bottom: 0;">
<li>
<a href="https://w3.org/WAI/about/contacting/">Contact WAI</a>
</li>
<li><a href="https://w3.org/WAI/sitemap/">Site Map</a></li>
<li><a href="https://w3.org/WAI/news/">News</a></li>
<li><a href="https://w3.org/WAI/sitemap/#archive">Archive</a></li>
<li>
<a href="https://w3.org/WAI/about/accessibility-statement/">Accessibility Statement</a
>
</li>
<li><a href="https://w3.org/WAI/translations/"> Translations</a></li>
<li><a href="https://w3.org/WAI/roles/">Resources for Roles</a></li>
</ul>
</div>
</footer>
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
<script>
var tooltips = document.querySelectorAll('[data-tooltip-content]');
for (i = 0, length = tooltips.length; i < length; i++) {
var contentPointer = tooltips[i].getAttribute('data-tooltip-content');
var content = document.querySelector(contentPointer).innerHTML;
tippy(tooltips[i], {
content: content,
allowHTML: true,
interactive: true,
});
}
</script>
<style>
[data-tooltip-content] {
padding: 0;
background: none;
border: 0;
color: black;
font-size: inherit;
vertical-align: middle;
}
[data-tooltip-content]:hover {
background: none;
color: var(--light-blue);
}
[data-tippy-root] {
padding: 0 2em;
}
dt div {
font-weight: normal;
}
</style>
</body>
</html>