-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
4266 lines (2913 loc) · 349 KB
/
index.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
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"><head><meta charset="UTF-8"><meta name="generator" content="ReSpec 21.0.1"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><style>/* --- ISSUES/NOTES --- */
div.issue-title, div.note-title , div.ednote-title, div.warning-title {
padding-right: 1em;
min-width: 7.5em;
color: #b9ab2d;
}
div.issue-title { color: #e05252; }
div.note-title, div.ednote-title { color: #2b2; }
div.warning-title { color: #f22; }
div.issue-title span, div.note-title span, div.ednote-title span, div.warning-title span {
text-transform: uppercase;
}
div.note, div.issue, div.ednote, div.warning {
margin-top: 1em;
margin-bottom: 1em;
}
.note > p:first-child, .ednote > p:first-child, .issue > p:first-child, .warning > p:first-child { margin-top: 0 }
.issue, .note, .ednote, .warning {
padding: .5em;
border-left-width: .5em;
border-left-style: solid;
}
div.issue, div.note , div.ednote, div.warning {
padding: 1em 1.2em 0.5em;
margin: 1em 0;
position: relative;
clear: both;
}
span.note, span.ednote, span.issue, span.warning { padding: .1em .5em .15em; }
.issue {
border-color: #e05252;
background: #fbe9e9;
}
.note, .ednote {
border-color: #52e052;
background: #e9fbe9;
}
.warning {
border-color: #f11;
border-width: .2em;
border-style: solid;
background: #fbe9e9;
}
.warning-title:before{
content: "⚠"; /*U+26A0 WARNING SIGN*/
font-size: 3em;
float: left;
height: 100%;
padding-right: .3em;
vertical-align: top;
margin-top: -0.5em;
}
li.task-list-item {
list-style: none;
}
input.task-list-item-checkbox {
margin: 0 0.35em 0.25em -1.6em;
vertical-align: middle;
}
.issue a.respec-gh-label {
padding: 5px;
margin: 0 2px 0 2px;
font-size: 10px;
text-transform: none;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
position: relative;
bottom: 2px;
}
.issue a.respec-label-dark {
color: #fff;
background-color: #000;
}
.issue a.respec-label-light {
color: #000;
background-color: #fff;
}
</style>
<style>/* --- PERMALINKS --- */
.permalink {
width: 1px;
height: 1px;
overflow: visible;
font-size: 10pt;
font-style: normal;
vertical-align: middle;
margin-left: 4px;
float: right;
}
.permalink a, .permalink a:link, .permalink a:visited, .permalink a:hover, .permalink a:focus, .permalink a:active {
background:transparent !important;
text-decoration:none;
font-weight: bold;
color:#666 !important;
}
.permalink abbr {
border:0;
}
</style>
<title>Web Content Accessibility Guidelines (WCAG) 2.1</title>
<link rel="stylesheet" type="text/css" href="https://www.w3.org/TR/WCAG21/guidelines.css">
<style id="respec-mainstyle">/*****************************************************************
* ReSpec 3 CSS
* Robin Berjon - http://berjon.com/
*****************************************************************/
/* Override code highlighter background */
.hljs {
background: transparent !important;
}
/* --- INLINES --- */
h1 abbr,
h2 abbr,
h3 abbr,
h4 abbr,
h5 abbr,
h6 abbr,
a abbr {
border: none;
}
dfn {
font-weight: bold;
}
a.internalDFN {
color: inherit;
border-bottom: 1px solid #99c;
text-decoration: none;
}
a.externalDFN {
color: inherit;
border-bottom: 1px dotted #ccc;
text-decoration: none;
}
a.bibref {
text-decoration: none;
}
cite .bibref {
font-style: normal;
}
code {
color: #c83500;
}
th code {
color: inherit;
}
/* --- TOC --- */
.toc a,
.tof a {
text-decoration: none;
}
a .secno,
a .figno {
color: #000;
}
ul.tof,
ol.tof {
list-style: none outside none;
}
.caption {
margin-top: 0.5em;
font-style: italic;
}
/* --- TABLE --- */
table.simple {
border-spacing: 0;
border-collapse: collapse;
border-bottom: 3px solid #005a9c;
}
.simple th {
background: #005a9c;
color: #fff;
padding: 3px 5px;
text-align: left;
}
.simple th[scope="row"] {
background: inherit;
color: inherit;
border-top: 1px solid #ddd;
}
.simple td {
padding: 3px 10px;
border-top: 1px solid #ddd;
}
.simple tr:nth-child(even) {
background: #f0f6ff;
}
/* --- DL --- */
.section dd > p:first-child {
margin-top: 0;
}
.section dd > p:last-child {
margin-bottom: 0;
}
.section dd {
margin-bottom: 1em;
}
.section dl.attrs dd,
.section dl.eldef dd {
margin-bottom: 0;
}
#issue-summary > ul,
.respec-dfn-list {
column-count: 2;
}
#issue-summary li,
.respec-dfn-list li {
list-style: none;
}
details.respec-tests-details {
margin-left: 1em;
display: inline-block;
vertical-align: top;
}
details.respec-tests-details > * {
padding-right: 2em;
}
details.respec-tests-details[open] {
z-index: 999999;
position: absolute;
border: thin solid #cad3e2;
border-radius: .3em;
background-color: white;
padding-bottom: .5em;
}
details.respec-tests-details[open] > summary {
border-bottom: thin solid #cad3e2;
padding-left: 1em;
margin-bottom: 1em;
line-height: 2em;
}
details.respec-tests-details > ul {
width: 100%;
margin-top: -0.3em;
}
details.respec-tests-details > li {
padding-left: 1em;
}
@media print {
.removeOnSave {
display: none;
}
}
</style><link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2016/W3C-REC"><link rel="canonical" href="https://www.w3.org/TR/WCAG21/"><meta name="description" content="Web Content Accessibility Guidelines (WCAG) 2.1 は、ウェブコンテンツをよりアクセシブルにするための広範囲に及ぶ推奨事項を網羅している。Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general."></head>
<body class="h-entry">
<aside class="trnote">
<p>この文書は、<a href="https://www.w3.org/TR/2018/REC-WCAG21-20180605/">2018 年 6 月 5 日付けの W3C 勧告 Web Content Accessibility Guidelines (WCAG) 2.1</a>を、<a href="https://waic.jp/committee/wg4/">ウェブアクセシビリティ基盤委員会 (WAIC) の翻訳ワーキンググループ</a>が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書は作業進行中です。また、あくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、<a href="https://waic.jp/contact/">翻訳に関するお問い合わせ</a>からご連絡ください。</p>
<p>この翻訳文書の利用条件については、<a href="https://waic.jp/license-for-translated-documents/">WAICが提供する翻訳文書のライセンス</a>をご覧ください。</p>
<p>この文書内にあるリンクのうち、「Understanding WCAG 2.1」「How to Meet WCAG 2.1」へのリンクについては、W3C が策定作業中であるため、まだ日本語版を作成していません。ご注意ください。</p>
</aside>
<div class="head">
<a href="https://www.w3.org/" class="logo">
<img alt="W3C" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C" width="72" height="48">
</a>
<h1 id="title" class="title p-name">Web Content Accessibility Guidelines (WCAG) 2.1</h1>
<h2 id="w3c-recommendation-05-june-2018"><abbr title="World Wide Web Consortium">W3C</abbr> Recommendation <time class="dt-published" datetime="2018-06-05">05 June 2018</time></h2>
<dl>
<dt>このバージョン:</dt><dd><a class="u-url" href="https://www.w3.org/TR/2018/REC-WCAG21-20180605/">https://www.w3.org/TR/2018/REC-WCAG21-20180605/</a></dd><dt>最新バージョン:</dt><dd><a href="https://www.w3.org/TR/WCAG21/">https://www.w3.org/TR/WCAG21/</a></dd>
<dt>最新の編集者バージョン:</dt><dd><a href="https://w3c.github.io/wcag/21/guidelines/">https://w3c.github.io/wcag/21/guidelines/</a></dd>
<dt>実装報告書:</dt><dd><a href="https://www.w3.org/WAI/WCAG21/implementation-report/">https://www.w3.org/WAI/WCAG21/implementation-report/</a></dd>
<dt>前のバージョン:</dt><dd><a href="https://www.w3.org/TR/2018/PR-WCAG21-20180424/">https://www.w3.org/TR/2018/PR-WCAG21-20180424/</a></dd>
<dt>前の勧告:</dt><dd><a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">https://www.w3.org/TR/2008/REC-WCAG20-20081211/</a></dd>
<dt>編集者:</dt>
<dd class="p-author h-card vcard" data-editor-id="39770"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Andrew Kirkpatrick</a> (Adobe)</dd><dd class="p-author h-card vcard" data-editor-id="41218"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Joshue O Connor</a> (Invited Expert, InterAccess)</dd><dd class="p-author h-card vcard" data-editor-id="44689"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Alastair Campbell</a> (Nomensa)</dd><dd class="p-author h-card vcard" data-editor-id="34017"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Michael Cooper</a> (<abbr title="World Wide Web Consortium">W3C</abbr>)</dd>
<dt>WCAG 2.0 の編集者 (2008年12月まで):</dt><dd class="p-author h-card vcard" data-editor-id="33602"><span class="p-name fn">Ben Caldwell</span> (Trace R&D Center, University of Wisconsin-Madison)</dd><dd class="p-author h-card vcard" data-editor-id="35436"><span class="p-name fn">Loretta Guarino Reid</span> (Google, Inc.)</dd><dd class="p-author h-card vcard" data-editor-id="3442"><span class="p-name fn">Gregg Vanderheiden</span> (Trace R&D Center, University of Wisconsin-Madison)</dd><dd class="p-author h-card vcard" data-editor-id="4099"><span class="p-name fn">Wendy Chisholm</span> (<abbr title="World Wide Web Consortium">W3C</abbr>)</dd><dd class="p-author h-card vcard" data-editor-id="35537"><span class="p-name fn">John Slatin</span> (Accessibility Institute, University of Texas at Austin)</dd><dd class="p-author h-card vcard" data-editor-id="74028"><span class="p-name fn">Jason White</span> (University of Melbourne)</dd>
</dl>
<p>
公表後に報告された誤りや問題については <a href="https://www.w3.org/WAI/WCAG21/errata/"><strong>errata</strong></a> を確認すること。
</p>
<p>
<a href="https://www.w3.org/WAI/standards-guidelines/wcag/translations/"> <strong>翻訳版</strong></a>も参照できる。
</p>
<p>この文書は、規定ではないフォーマットでも提供されており、<a href="https://www.w3.org/WAI/WCAG21/versions/">Alternate Versions of Web Content Accessibility Guidelines 2.1</a> より入手できる。</p>
<p class="copyright">
<a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ©
2017-2018
<a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><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="http://ev.buaa.edu.cn/">Beihang</a>).
<abbr title="World Wide Web Consortium">W3C</abbr> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and
<a rel="license" href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
rules apply.
</p>
<hr title="Separator for header">
</div><!--OddPage-->
<section id="abstract" class="introductory"><h2 id="abstract-0">概要</h2>
<p>Web Content Accessibility Guidelines (WCAG) 2.1 は、ウェブコンテンツをよりアクセシブルにするための広範囲に及ぶ推奨事項を網羅している。このガイドラインに従うことで、全盲又はロービジョン、ろう又は難聴、運動制限、発話困難、光感受性発作及びこれらの組合せ、並びに学習障害及び認知限界への一部の適応を含んだ、様々な障害のある人に対して、コンテンツをアクセシブルにすることができる。しかし、これらの障害のある人に対するあらゆる利用者のニーズに対処するものではない。このガイドラインは、デスクトップ、ラップトップ、タブレット、及びモバイルデバイス上のウェブコンテンツのアクセシビリティを扱う。このガイドラインに従うことは、一般にウェブコンテンツが利用者にとってより使いやすいものにもなる。</p>
<p>WCAG 2.1 の達成基準は、技術に依存しない検証可能なものとして記述されている。特定の技術において達成基準を満たすためのガイドは、達成基準を理解するための一般的な情報とあわせて、別の文書群として提供している。イントロダクション並びに WCAG の達成方法及び教育資料については、<a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines (WCAG) Overview</a> を参照。</p>
<p>WCAG 2.1 は、2008 年 12 月に <abbr title="World Wide Web Consortium">W3C</abbr> 勧告として発行された、<a href="https://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines 2.0</a> [<cite><a class="bibref" href="#bib-WCAG20">WCAG20</a></cite>] を拡張するものである。WCAG 2.1 に適合するコンテンツは、WCAG 2.0 にも適合する。ワーキンググループは、WCAG 2.0 への適合を要求する方針に対して、WCAG 2.1 が適合の代替手段を提供できることを意図している。WCAG 2.1 の発行は、WCAG 2.0 を廃止又は置き換えるものではない。WCAG 2.0 は <abbr title="World Wide Web Consortium">W3C</abbr> 勧告のままである一方で、<abbr title="World Wide Web Consortium">W3C</abbr> は、アクセシビリティの取組みについて将来の適用性を最大にするために WCAG 2.1 の使用を勧める。<abbr title="World Wide Web Consortium">W3C</abbr> はまた、ウェブアクセシビリティ指針を改良又は更新するときに、WCAG の最新版の使用を奨励する。</p><!--OddPage-->
</section>
<section id="sotd" class="introductory"><h2 id="status-of-this-document">この文書のステータス</h2><p>
<em>この節では、この文書の発行された時点でのステータスを説明する。他の文書が、この文書に置き換わっている場合もある。現行の <abbr title="World Wide Web Consortium">W3C</abbr> の発行文書、及び、この技術レポートの最新版は、https://www.w3.org/TR/ にある <a href="https://www.w3.org/TR/"><abbr title="World Wide Web Consortium">W3C</abbr> technical reports index</a> で参照可能である。</em>
</p><p>これは、<a href="https://www.w3.org/WAI/GL/">Accessibility Guidelines Working Group</a> が作成した WCAG 2.1 の <a href="https://www.w3.org/2018/Process-20180201/#RecsW3C">Recommendation</a> である。</p><p>この文書は、<abbr title="World Wide Web Consortium">W3C</abbr> 会員、ソフトウェア開発者、並びにその他の <abbr title="World Wide Web Consortium">W3C</abbr> グループ及び関係者によってレビューされ、そしてディレクターによって <abbr title="World Wide Web Consortium">W3C</abbr> 勧告として承認されたものである。この文書は、安定した文書であり、参考資料として用いたり、他の文書で引用したりしてもよい。勧告の作成における <abbr title="World Wide Web Consortium">W3C</abbr> の役割は、その仕様への関心を引いて、広く普及させていくことにある。これにより、ウェブの機能及び相互運用性の向上につながる。</p><p>この勧告を発行することにより、<abbr title="World Wide Web Consortium">W3C</abbr> は、この勧告で指定された機能が CSS Values and Units Module Level 3 又は Pointer Events Level 2 の変更による影響を受けないことを期待している。ワーキンググループは引き続きこれらの仕様を追跡することになる。 </p><p>コメントするためには、<a href="https://github.com/w3c/wcag/issues/new"><abbr title="World Wide Web Consortium">W3C</abbr> WCAG GitHub リポジトリにイシューを提出していただきたい</a>。ワーキンググループは、パブリックコメントを新しいイシューとして提出するよう要請する。GitHub アカウントを作成してイシューを提出することは自由である。GitHub でイシューの提出が実現できない場合、<a href="mailto:[email protected]?subject=WCAG%202.1%20public%20comment">[email protected]</a> (<a href="https://lists.w3.org/Archives/Public/public-agwg-comments/">comment archive</a>) へ電子メールを送付していただきたい。WCAG 2.1 の勧告に関して寄せられたコメントにより、この版のガイドラインを変更することはできないが、 errata 又は WCAG の将来の版に反映されることはある。ワーキンググループは、コメントに対して正式な返答をする予定はない。<a href="https://github.com/w3c/wcag/issues/">issues filed</a> のリスト及び <a href="https://lists.w3.org/Archives/Public/w3c-wai-gl/">AG WG mailing list discussions</a> は一般に公開されており、この文書に関して寄せられたコメントについては、ワーキンググループが将来的に対処することがあるかもしれない。</p><p>
この文書は勧告として <a href="https://www.w3.org/WAI/GL/">Accessibility Guidelines Working Group</a> によって作成された。
</p><p>
ワーキンググループの <a href="https://www.w3.org/WAI/WCAG21/implementation-report/">implementation report</a> を参照していただきたい。
</p><p>
この文書は、<abbr title="World Wide Web Consortium">W3C</abbr> 会員、ソフトウェア開発者、並びにその他の <abbr title="World Wide Web Consortium">W3C</abbr> グループ及び関係者によってレビューされ、そしてディレクターによって <abbr title="World Wide Web Consortium">W3C</abbr> 勧告として承認されたものである。この文書は、安定した文書であり、参考資料として用いたり、他の文書で引用したりしてもよい。勧告の作成における <abbr title="World Wide Web Consortium">W3C</abbr> の役割は、その仕様への関心を引いて、広く普及させていくことにある。これにより、ウェブの機能及び相互運用性の向上につながる。
</p><p>
この文書は <a href="https://www.w3.org/Consortium/Patent-Policy/"><abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a> の下で活動するグループによって作成された。<abbr title="World Wide Web Consortium">W3C</abbr> では、ワーキンググループの成果物に関係する <a rel="disclosure" href="https://www.w3.org/2004/01/pp-impl/35422/status">public list of any patent disclosures</a> を管理しており、そのページには特許開示にあたっての指示も含まれている。<a href="https://www.w3.org/Consortium/Patent-Policy/#def-essential">Essential Claim(s)</a> を含む特許について実際に知識のある人は、<a href="https://www.w3.org/Consortium/Patent-Policy/#sec-Disclosure">section 6 of the <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a> に従って、その情報を開示することが求められる。
</p><p>この文書は、<a id="w3c_process_revision" href="https://www.w3.org/2018/Process-20180201/">1 February 2018 <abbr title="World Wide Web Consortium">W3C</abbr> Process Document</a> に従っている。
</p></section>
<nav id="toc">
<h2 class="introductory" id="table-of-contents">
目次
</h2>
<ol class="toc">
<li class="tocline">
<a href="#abstract" class="tocxref">概要</a>
</li>
<li class="tocline">
<a href="#sotd" class="tocxref">この文書のステータス</a>
</li>
<li class="tocline">
<a href="#intro" class="tocxref">イントロダクション</a>
<ol class="toc">
<li class="tocline">
<a href="#background-on-wcag-2" class="tocxref"><span class=
"secno">0.1 </span>WCAG 2 の背景</a>
</li>
<li class="tocline">
<a href="#wcag-2-layers-of-guidance" class="tocxref"><span class=
"secno">0.2</span> WCAG 2 ガイダンスのレイヤー</a>
</li>
<li class="tocline">
<a href="#wcag-2-1-supporting-documents" class=
"tocxref"><span class="secno">0.3</span> WCAG 2.1 関連文書</a>
</li>
<li class="tocline">
<a href="#requirements-for-wcag-2-1" class="tocxref"><span class=
"secno">0.4</span> WCAG 2.1 の要件</a>
</li>
<li class="tocline">
<a href="#comparison-with-wcag-2-0" class="tocxref"><span class=
"secno">0.5</span> WCAG 2.0 との比較</a>
<ol class="toc">
<li class="tocline">
<a href="#new-features-in-wcag-2-1" class=
"tocxref"><span class="secno">0.5.1</span> WCAG 2.1 の新しい特徴</a>
</li>
<li class="tocline">
<a href="#numbering-in-wcag-2-1" class="tocxref"><span class=
"secno">0.5.2 </span>WCAG 2.1 におけるナンバリング</a>
</li>
<li class="tocline">
<a href="#conformance-to-wcag-2-1" class=
"tocxref"><span class="secno">0.5.3 </span>WCAG 2.1 への適合</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#later-versions-of-accessibility-guidelines" class=
"tocxref"><span class="secno">0.6 </span>アクセシビリティガイドラインの後続版</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#perceivable" class="tocxref"><span class="secno">1.</span> 知覚可能</a>
<ol class="toc">
<li class="tocline">
<a href="#text-alternatives" class="tocxref"><span class=
"secno">1.1</span> テキストによる代替</a>
<ol class="toc">
<li class="tocline">
<a href="#non-text-content" class="tocxref"><span class=
"secno">1.1.1</span> 非テキストコンテンツ</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#time-based-media" class="tocxref"><span class=
"secno">1.2</span> 時間依存メディア</a>
<ol class="toc">
<li class="tocline">
<a href="#audio-only-and-video-only-prerecorded" class=
"tocxref"><span class="secno">1.2.1</span> 音声のみ及び映像のみ (収録済)</a>
</li>
<li class="tocline">
<a href="#captions-prerecorded" class="tocxref"><span class=
"secno">1.2.2</span> キャプション (収録済)</a>
</li>
<li class="tocline">
<a href="#audio-description-or-media-alternative-prerecorded"
class="tocxref"><span class="secno">1.2.3</span> 音声解説、又はメディアに対する代替 (収録済)</a>
</li>
<li class="tocline">
<a href="#captions-live" class="tocxref"><span class=
"secno">1.2.4</span> キャプション (ライブ)</a>
</li>
<li class="tocline">
<a href="#audio-description-prerecorded" class=
"tocxref"><span class="secno">1.2.5</span> 音声解説 (収録済)</a>
</li>
<li class="tocline">
<a href="#sign-language-prerecorded" class=
"tocxref"><span class="secno">1.2.6</span> 手話 (収録済)</a>
</li>
<li class="tocline">
<a href="#extended-audio-description-prerecorded" class=
"tocxref"><span class="secno">1.2.7</span> 拡張音声解説 (収録済)</a>
</li>
<li class="tocline">
<a href="#media-alternative-prerecorded" class=
"tocxref"><span class="secno">1.2.8</span> メディアに対する代替 (収録済)</a>
</li>
<li class="tocline">
<a href="#audio-only-live" class="tocxref"><span class=
"secno">1.2.9</span> 音声のみ (ライブ)</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#adaptable" class="tocxref"><span class=
"secno">1.3</span> 適応可能</a>
<ol class="toc">
<li class="tocline">
<a href="#info-and-relationships" class=
"tocxref"><span class="secno">1.3.1</span> 情報及び関係性</a>
</li>
<li class="tocline">
<a href="#meaningful-sequence" class="tocxref"><span class=
"secno">1.3.2</span> 意味のある順序</a>
</li>
<li class="tocline">
<a href="#sensory-characteristics" class=
"tocxref"><span class="secno">1.3.3</span> 感覚的な特徴</a>
</li>
<li class="tocline">
<a href="#orientation" class="tocxref"><span class=
"secno">1.3.4</span> 表示の向き</a>
</li>
<li class="tocline">
<a href="#identify-input-purpose" class=
"tocxref"><span class="secno">1.3.5</span> 入力目的の特定</a>
</li>
<li class="tocline">
<a href="#identify-purpose" class="tocxref"><span class=
"secno">1.3.6</span> 目的の特定</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#distinguishable" class="tocxref"><span class=
"secno">1.4</span> 判別可能</a>
<ol class="toc">
<li class="tocline">
<a href="#use-of-color" class="tocxref"><span class=
"secno">1.4.1 </span>色の使用</a>
</li>
<li class="tocline">
<a href="#audio-control" class="tocxref"><span class=
"secno">1.4.2</span> 音声の制御</a>
</li>
<li class="tocline">
<a href="#contrast-minimum" class="tocxref"><span class=
"secno">1.4.3</span> コントラスト (最低限)</a>
</li>
<li class="tocline">
<a href="#resize-text" class="tocxref"><span class=
"secno">1.4.4</span> テキストのサイズ変更</a>
</li>
<li class="tocline">
<a href="#images-of-text" class="tocxref"><span class=
"secno">1.4.5</span> 文字画像</a>
</li>
<li class="tocline">
<a href="#contrast-enhanced" class="tocxref"><span class=
"secno">1.4.6</span> コントラスト (高度)</a>
</li>
<li class="tocline">
<a href="#low-or-no-background-audio" class=
"tocxref"><span class="secno">1.4.7</span> 小さな背景音、又は背景音なし</a>
</li>
<li class="tocline">
<a href="#visual-presentation" class="tocxref"><span class=
"secno">1.4.8</span> 視覚的提示</a>
</li>
<li class="tocline">
<a href="#images-of-text-no-exception" class=
"tocxref"><span class="secno">1.4.9</span> 文字画像 (例外なし)</a>
</li>
<li class="tocline">
<a href="#reflow" class="tocxref"><span class=
"secno">1.4.10</span> リフロー</a>
</li>
<li class="tocline">
<a href="#non-text-contrast" class="tocxref"><span class=
"secno">1.4.11</span> 非テキストのコントラスト</a>
</li>
<li class="tocline">
<a href="#text-spacing" class="tocxref"><span class=
"secno">1.4.12</span> テキストの間隔</a>
</li>
<li class="tocline">
<a href="#content-on-hover-or-focus" class=
"tocxref"><span class="secno">1.4.13</span> ホバー又はフォーカスで表示されるコンテンツ</a>
</li>
</ol>
</li>
</ol>
</li>
<li class="tocline">
<a href="#operable" class="tocxref"><span class="secno">2.</span> 操作可能</a>
<ol class="toc">
<li class="tocline">
<a href="#keyboard-accessible" class="tocxref"><span class=
"secno">2.1</span> キーボード操作可能</a>
<ol class="toc">
<li class="tocline">
<a href="#keyboard" class="tocxref"><span class=
"secno">2.1.1</span> キーボード</a>
</li>
<li class="tocline">
<a href="#no-keyboard-trap" class="tocxref"><span class=
"secno">2.1.2</span> キーボードトラップなし</a>
</li>
<li class="tocline">
<a href="#keyboard-no-exception" class="tocxref"><span class=
"secno">2.1.3</span> キーボード (例外なし)</a>
</li>
<li class="tocline">
<a href="#character-key-shortcuts" class=
"tocxref"><span class="secno">2.1.4</span> 文字キーのショートカット</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#enough-time" class="tocxref"><span class=
"secno">2.2</span> 十分な時間</a>
<ol class="toc">
<li class="tocline">
<a href="#timing-adjustable" class="tocxref"><span class=
"secno">2.2.1</span> タイミング調整可能</a>
</li>
<li class="tocline">
<a href="#pause-stop-hide" class="tocxref"><span class=
"secno">2.2.2</span> 一時停止、停止、非表示</a>
</li>
<li class="tocline">
<a href="#no-timing" class="tocxref"><span class=
"secno">2.2.3</span> タイミング非依存</a>
</li>
<li class="tocline">
<a href="#interruptions" class="tocxref"><span class=
"secno">2.2.4</span> 割り込み</a>
</li>
<li class="tocline">
<a href="#re-authenticating" class="tocxref"><span class=
"secno">2.2.5</span> 再認証</a>
</li>
<li class="tocline">
<a href="#timeouts" class="tocxref"><span class=
"secno">2.2.6</span> タイムアウト</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#seizures-and-physical-reactions" class=
"tocxref"><span class="secno">2.3</span> 発作と身体的反応</a>
<ol class="toc">
<li class="tocline">
<a href="#three-flashes-or-below-threshold" class=
"tocxref"><span class="secno">2.3.1</span> 3 回の閃光、又は閾値以下</a>
</li>
<li class="tocline">
<a href="#three-flashes" class="tocxref"><span class=
"secno">2.3.2</span> 3 回の閃光</a>
</li>
<li class="tocline">
<a href="#animation-from-interactions" class=
"tocxref"><span class="secno">2.3.3</span> インタラクションによるアニメーション</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#navigable" class="tocxref"><span class=
"secno">2.4</span> ナビゲーション可能</a>
<ol class="toc">
<li class="tocline">
<a href="#bypass-blocks" class="tocxref"><span class=
"secno">2.4.1</span> ブロックスキップ</a>
</li>
<li class="tocline">
<a href="#page-titled" class="tocxref"><span class=
"secno">2.4.2</span> ページタイトル</a>
</li>
<li class="tocline">
<a href="#focus-order" class="tocxref"><span class=
"secno">2.4.3</span> フォーカス順序</a>
</li>
<li class="tocline">
<a href="#link-purpose-in-context" class=
"tocxref"><span class="secno">2.4.4</span> リンクの目的 (コンテキスト内)</a>
</li>
<li class="tocline">
<a href="#multiple-ways" class="tocxref"><span class=
"secno">2.4.5</span> 複数の手段</a>
</li>
<li class="tocline">
<a href="#headings-and-labels" class="tocxref"><span class=
"secno">2.4.6</span> 見出し及びラベル</a>
</li>
<li class="tocline">
<a href="#focus-visible" class="tocxref"><span class=
"secno">2.4.7</span> フォーカスの可視化</a>
</li>
<li class="tocline">
<a href="#location" class="tocxref"><span class=
"secno">2.4.8</span> 現在位置</a>
</li>
<li class="tocline">
<a href="#link-purpose-link-only" class=
"tocxref"><span class="secno">2.4.9</span> リンクの目的 (リンクのみ)</a>
</li>
<li class="tocline">
<a href="#section-headings" class="tocxref"><span class=
"secno">2.4.10</span> セクション見出し</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#input-modalities" class="tocxref"><span class=
"secno">2.5</span> 入力モダリティ</a>
<ol class="toc">
<li class="tocline">
<a href="#pointer-gestures" class="tocxref"><span class=
"secno">2.5.1</span> ポインタのジェスチャ</a>
</li>
<li class="tocline">
<a href="#pointer-cancellation" class="tocxref"><span class=
"secno">2.5.2</span> ポインタのキャンセル</a>
</li>
<li class="tocline">
<a href="#label-in-name" class="tocxref"><span class=
"secno">2.5.3</span> ラベルを含む名前 (name)</a>
</li>
<li class="tocline">
<a href="#motion-actuation" class="tocxref"><span class=
"secno">2.5.4</span> 動きによる起動</a>
</li>
<li class="tocline">
<a href="#target-size" class="tocxref"><span class=
"secno">2.5.5</span> ターゲットのサイズ</a>
</li>
<li class="tocline">
<a href="#concurrent-input-mechanisms" class=
"tocxref"><span class="secno">2.5.6</span> 入力メカニズムの共存</a>
</li>
</ol>
</li>
</ol>
</li>
<li class="tocline">
<a href="#understandable" class="tocxref"><span class=
"secno">3.</span> 理解可能</a>
<ol class="toc">
<li class="tocline">
<a href="#readable" class="tocxref"><span class=
"secno">3.1</span> 読み取り可能</a>
<ol class="toc">
<li class="tocline">
<a href="#language-of-page" class="tocxref"><span class=
"secno">3.1.1</span> ページの言語</a>
</li>
<li class="tocline">
<a href="#language-of-parts" class="tocxref"><span class=
"secno">3.1.2</span> 一部分の言語</a>
</li>
<li class="tocline">
<a href="#unusual-words" class="tocxref"><span class=
"secno">3.1.3</span> 一般的ではない用語</a>
</li>
<li class="tocline">
<a href="#abbreviations" class="tocxref"><span class=
"secno">3.1.4</span> 略語</a>
</li>
<li class="tocline">
<a href="#reading-level" class="tocxref"><span class=
"secno">3.1.5</span> 読解レベル</a>
</li>
<li class="tocline">
<a href="#pronunciation" class="tocxref"><span class=
"secno">3.1.6</span> 発音</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#predictable" class="tocxref"><span class=
"secno">3.2</span> 予測可能</a>
<ol class="toc">
<li class="tocline">
<a href="#on-focus" class="tocxref"><span class=
"secno">3.2.1</span> フォーカス時</a>
</li>
<li class="tocline">
<a href="#on-input" class="tocxref"><span class=
"secno">3.2.2</span> 入力時</a>
</li>
<li class="tocline">
<a href="#consistent-navigation" class="tocxref"><span class=
"secno">3.2.3</span> 一貫したナビゲーション</a>
</li>
<li class="tocline">
<a href="#consistent-identification" class=
"tocxref"><span class="secno">3.2.4</span> 一貫した識別性</a>
</li>
<li class="tocline">
<a href="#change-on-request" class="tocxref"><span class=
"secno">3.2.5</span> 要求による変化</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#input-assistance" class="tocxref"><span class=
"secno">3.3</span> 入力支援</a>
<ol class="toc">
<li class="tocline">
<a href="#error-identification" class="tocxref"><span class=
"secno">3.3.1</span> エラーの特定</a>
</li>
<li class="tocline">
<a href="#labels-or-instructions" class=
"tocxref"><span class="secno">3.3.2</span> ラベル又は説明</a>
</li>
<li class="tocline">
<a href="#error-suggestion" class="tocxref"><span class=
"secno">3.3.3</span> エラー修正の提案</a>
</li>
<li class="tocline">
<a href="#error-prevention-legal-financial-data" class=
"tocxref"><span class="secno">3.3.4</span> 誤り防止 (法的、金融、データ)</a>
</li>
<li class="tocline">
<a href="#help" class="tocxref"><span class=
"secno">3.3.5</span> ヘルプ</a>
</li>
<li class="tocline">
<a href="#error-prevention-all" class="tocxref"><span class=
"secno">3.3.6</span> 誤り防止 (すべて)</a>
</li>
</ol>
</li>
</ol>
</li>
<li class="tocline">
<a href="#robust" class="tocxref"><span class="secno">4.</span> 堅牢 (robust)</a>
<ol class="toc">
<li class="tocline">
<a href="#compatible" class="tocxref"><span class=
"secno">4.1</span> 互換性</a>
<ol class="toc">
<li class="tocline">
<a href="#parsing" class="tocxref"><span class=
"secno">4.1.1</span> 構文解析</a>
</li>
<li class="tocline">
<a href="#name-role-value" class="tocxref"><span class=
"secno">4.1.2</span> 名前 (name) ・役割 (role) ・値 (value)</a>
</li>
<li class="tocline">
<a href="#status-messages" class="tocxref"><span class=
"secno">4.1.3</span> ステータスメッセージ</a>
</li>
</ol>
</li>
</ol>
</li>
<li class="tocline">
<a href="#conformance" class="tocxref"><span class="secno">5.</span> 適合</a>
<ol class="toc">
<li class="tocline">
<a href="#interpreting-normative-requirements" class=
"tocxref"><span class="secno">5.1</span> 規定要件の解釈</a>
</li>
<li class="tocline">
<a href="#conformance-reqs" class="tocxref"><span class=
"secno">5.2</span> 適合要件</a>
<ol class="toc">
<li class="tocline">
<a href="#cc1" class="tocxref"><span class=
"secno">5.2.1</span> 適合レベル</a>
</li>
<li class="tocline">
<a href="#cc2" class="tocxref"><span class=
"secno">5.2.2</span> ウェブページ全体</a>
</li>
<li class="tocline">
<a href="#cc3" class="tocxref"><span class=
"secno">5.2.3</span> プロセス全体</a>
</li>
<li class="tocline">
<a href="#cc4" class="tocxref"><span class=
"secno">5.2.4</span> 技術のアクセシビリティ サポーテッドな使用方法だけ</a>
</li>
<li class="tocline">
<a href="#cc5" class="tocxref"><span class=
"secno">5.2.5</span> 非干渉</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#conformance-claims" class="tocxref"><span class=
"secno">5.3</span> 適合表明 (任意)</a>
<ol class="toc">
<li class="tocline">
<a href="#conformance-required" class="tocxref"><span class=
"secno">5.3.1</span> 適合表明の必須要素</a>
</li>
<li class="tocline">
<a href="#conformance-optional" class="tocxref"><span class=
"secno">5.3.2</span> 適合表明の任意要素</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#conformance-partial" class="tocxref"><span class=
"secno">5.4</span> 部分適合に関する記述 － 第三者によるコンテンツ</a>
</li>
<li class="tocline">
<a href="#conformance-partial-lang" class="tocxref"><span class=
"secno">5.5</span> 部分適合に関する記述 － 言語</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#glossary" class="tocxref"><span class="secno">6.</span> 用語集</a>
</li>
<li class="tocline">
<a href="#input-purposes" class="tocxref"><span class=
"secno">7.</span> ユーザインタフェース コンポーネントの入力目的</a>
</li>
<li class="tocline">
<a href="#acknowledgments" class="tocxref"><span class=
"secno">A.</span>謝辞</a>
<ol class="toc">
<li class="tocline">
<a href="#ack_participants-active" class="tocxref"><span class=
"secno">A.1</span> この文書の作成時にアクティブだった AG WG 参加者:</a>
</li>
<li class="tocline">
<a href="#ack_participants-previous" class="tocxref"><span class=
"secno">A.2</span> 以前に活動していた他の WCAG WG 参加者及び WCAG 2.0、WCAG 2.1、又は関連文書への他の貢献者</a>
</li>
<li class="tocline">
<a href="#enabling-funders" class="tocxref"><span class=
"secno">A.3 </span>有効な資金提供者</a>
</li>
</ol>
</li>
<li class="tocline">
<a href="#references" class="tocxref"><span class="secno">B.</span> 参考文献</a>
<ol class="toc">
<li class="tocline">
<a href="#normative-references" class="tocxref"><span class=
"secno">B.1</span> 引用文書</a>
</li>
<li class="tocline">
<a href="#informative-references" class="tocxref"><span class=
"secno">B.2</span> 参考文書</a>
</li>
</ol>
</li>
</ol><!--OddPage-->
</nav>
<section class="informative introductory" id="intro">
<h2 id="introduction">イントロダクション</h2><p><em>この節は規定ではない。</em></p>
<section id="background-on-wcag-2">
<h3 id="x0-1-background-on-wcag-2"><span class="secno">0.1 </span>WCAG 2 の背景<span class="permalink"><a href="#background-on-wcag-2" aria-label="Permalink for 0.1 Background on WCAG 2" title="Permalink for 0.1 Background on WCAG 2"><span>§</span></a></span></h3>
<p>Web Content Accessibility Guidelines (WCAG) 2.1 は、ウェブコンテンツを障害のある人にとってよりアクセシブルにする方法を定義している。アクセシビリティは、視覚、聴覚、身体、発話、認知、言語、学習、神経の障害を含む、広範な障害に関係している。このガイドラインは、広範囲に及ぶ事項を網羅しているが、障害のすべての種類、程度、組合せからくるニーズを満たすことはできない。また、このガイドラインは、加齢により能力が変化している高齢者にとってもウェブコンテンツをより使いやすくするものであるとともに、しばしば利用者全般のユーザビリティを向上させる。</p>
<p>WCAG 2.1 は、ウェブコンテンツのアクセシビリティに対して、様々な国の個人、組織、政府のニーズを満たすような共通の基準を提供することを目的として、<a href="https://www.w3.org/WAI/standards-guidelines/w3c-process/"><abbr title="World Wide Web Consortium">W3C</abbr> process</a> に従って世界中の個人及び組織の協力のもと作成されている。WCAG 2.0 [<cite><a class="bibref" href="#bib-WCAG20">WCAG20</a></cite>] は WCAG 1.0 [<cite><a class="bibref" href="#bib-WAI-WEBCONTENT">WAI-WEBCONTENT</a></cite>] をベースに、 WCAG 2.1 は WCAG 2.0 [WCAG20] をベースに、順に作られており、現在及び将来の様々なウェブ技術に広く適用され、自動テストと人間による評価の組み合わせでテスト可能になるように設計されている。WCAG のイントロダクションとしては、<a href="http://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines (WCAG) Overview</a> を参照。</p>
<p>認知、言語、及び学習障害に対処するための追加の達成基準を定義するにあたり、勧告策定期間の短さに加えて、勧告案のテスト可能性や実装可能性、国際的な観点からの検討について合意形成に至る際の課題など、重大な課題に向き合うこととなった。こうした領域については、WCAG の将来の版で検討が継続されることになる。コンテンツ制作者においては、<a href="https://www.w3.org/WAI/standards-guidelines/wcag/#supplement">学習障害、認知障害、ロービジョンなど障害のある人のインクルージョンを向上するための補足的なガイダンス</a>を参照することを推奨する。</p>
<p>ウェブアクセシビリティは、アクセシブルなコンテンツだけではなく、アクセシブルなウェブブラウザやその他のユーザエージェントにも依存している。そして、オーサリングツールもウェブアクセシビリティにおいて重要な役割を担っている。ウェブ開発やインタラクションを構成するこれらの要素が相互にどのように関係しているかの概要については、以下を参照:</p>
<ul>
<li><strong><a href="https://www.w3.org/WAI/fundamentals/components/">Essential Components of Web Accessibility</a></strong></li>
<li><strong><a href="https://www.w3.org/WAI/standards-guidelines/uaag/">User Agent Accessibility Guidelines (UAAG) Overview</a></strong></li>
<li><strong><a href="https://www.w3.org/WAI/standards-guidelines/atag/">Authoring Tool Accessibility Guidelines (ATAG) Overview</a></strong></li>
</ul>
</section>
<section id="wcag-2-layers-of-guidance">
<h3 id="x0-2-wcag-2-layers-of-guidance"><span class="secno">0.2 </span>WCAG 2 ガイダンスのレイヤー<span class="permalink"><a href="#wcag-2-layers-of-guidance" aria-label="Permalink for 0.2 WCAG 2 Layers of Guidance" title="Permalink for 0.2 WCAG 2 Layers of Guidance"><span>§</span></a></span></h3>
<p>WCAG を用いる個人や組織は実に幅広く、ウェブデザイナーや開発者、政策立案者、調達担当者、教師、及び生徒などが含まれる。これらの人たちの様々なニーズに応えるために WCAG 2.0 では、<em>原則</em>、一般的な<em>ガイドライン</em>、検証可能な<em>達成基準</em>、<em>十分な達成方法</em>、<em>参考達成方法</em>、及び<em>よくある失敗例</em>を示した豊富な文書群を含む様々なレイヤーのガイダンスが、事例や参考リンク及びコードとともに提供されている。</p>
<ul>
<li>
<p><strong>原則</strong> - 最上位には、ウェブアクセシビリティの土台となる四つの原則がある: <em>知覚可能、操作可能、理解可能、及び堅牢 (robust)</em>。あわせて、<a href="https://www.w3.org/WAI/WCAG21/Understanding/intro#understanding-the-four-principles-of-accessibility">Understanding the Four Principles of Accessibility</a> も参照。</p>
</li>
<li>
<p><strong>ガイドライン</strong> - 原則の下にあるのがガイドラインである。13 のガイドラインは、様々な障害のある利用者に対してコンテンツをよりアクセシブルにするためにコンテンツ制作者が取り組むべき基本的な目標を提供している。これらのガイドラインは検証可能ではないが、コンテンツ制作者が達成基準を理解し、より適した達成方法を用いることができるように、全体的な枠組みや全般的な目的を提供するものである。</p>
</li>
<li>
<p><strong>達成基準</strong> - 各ガイドラインには、検証可能な達成基準が設けられており、デザイン仕様検討、調達、基準策定、及び契約上の合意などにあたりその要件や適合試験が必要となる際に WCAG 2.0 を用いることが可能である。様々な利用者層や状況からくるニーズを満たすために、三つの適合レベルが定義されている: A (最低レベル)、AA、AAA (最高レベル)。WCAG のレベルに関する補足情報は、<a href="https://www.w3.org/WAI/WCAG21/Understanding/conformance#levels">Understanding Levels of Conformance</a> を参照。</p>
</li>
<li>
<p><strong>十分な達成方法及び参考達成方法</strong> - WCAG 2.0 文書自体にある<em>ガイドライン</em>及び<em>達成基準</em>それぞれに対して、ワーキンググループは<em>達成方法</em>についても広範囲にわたって文書化している。達成方法は参考情報であり、二つのカテゴリに分類される: 達成基準を満たすのに<em>十分な</em>達成方法と<em>参考達成方法</em>である。参考達成方法は、個々の達成基準の要件を上回るもので、これらの達成方法を用いることで、コンテンツ制作者はガイドラインに対してより良い対処をすることができる。参考達成方法の中には、検証可能な達成基準によってカバーされていないアクセシビリティの問題に対処するものもある。よくある失敗例がある場合は、それも文書化されている。<a href="https://www.w3.org/WAI/WCAG21/Understanding/understanding-techniques">Sufficient and Advisory Techniques in Understanding WCAG 2.0</a> も参照。</p>
</li>
</ul>
<p>このガイダンスのレイヤー (原則、ガイドライン、達成基準、十分な達成方法及び参考達成方法) はすべて、コンテンツをよりアクセシブルにする方法に関するガイダンスを提供するために連携している。コンテンツ制作者は可能な範囲で最も広い利用者のニーズに最大限対処できるように、参考達成方法を含めたすべてのレイヤーを確認して適用することが推奨される。</p>
<p>注意すべきなのは、最高レベル (AAA) で適合しているコンテンツでさえも、すべての種類、程度あるいは組合せの障害のある個人、特に、認知、言語及び学習の面において、アクセシブルではないということである。コンテンツ制作者は、参考達成方法を含むすべての達成方法を考慮するとともに、ウェブコンテンツが可能な限りアクセシブルであることを確実にするためにも、こうした人たちに対して、現状における最善の対応策に関するアドバイスを追い求めることが推奨される。<a href="https://www.w3.org/WAI/WCAG21/Understanding/understanding-metadata">メタデータ</a>は、彼らのニーズに最適なコンテンツを探し出す際に、利用者を支援できる可能性がある。</p>
</section>
<section id="wcag-2-1-supporting-documents">
<h3 id="x0-3-wcag-2-1-supporting-documents"><span class="secno">0.3 </span>WCAG 2.1 関連文書<span class="permalink"><a href="#wcag-2-1-supporting-documents" aria-label="Permalink for 0.3 WCAG 2.1 Supporting Documents" title="Permalink for 0.3 WCAG 2.1 Supporting Documents"><span>§</span></a></span></h3>
<p>WCAG 2.0 の文書は、安定した参照可能な技術標準を必要とする人たちのニーズを満たすように作成されている。関連文書と呼ばれるその他の文書は、WCAG 2.0 文書に基づいて、WCAG が新しい技術にどのように適用されるかを説明するために更新できるようにすることを含め、その他の重要な役割を果たすものである。関連文書には以下に挙げるものがある: </p>
<ol class="enumar">
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG21/quickref/">How to Meet WCAG 2.1</a></strong> - WCAG 2.1 のカスタマイズ可能なクイックリファレンス。コンテンツ制作者がウェブコンテンツを制作したり評価したりする際に用いるガイドライン、達成基準、達成方法のすべてが含まれる。これには WCAG 2.0 および WCAG 2.1 のコンテンツが含まれており、関連するコンテンツにコンテンツ制作者がフォーカスできるよう、様々な方法でフィルタリングできるようになっている。</p>
</li>
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG21/Understanding/">Understanding WCAG 2.1</a></strong> - WCAG 2.1 を理解して実践するための解説書。重要なトピックスとあわせて、WCAG 2.1 の各ガイドライン及び達成基準を「理解する」ための簡潔な文書がある。</p>
</li>
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG21/Techniques/">Techniques for WCAG 2.1</a></strong> - 達成方法集及びよくある失敗例集。個々に別々の文書になっており、解説、事例、コード例、テストが含まれる。</p>
</li>
<li>
<p><strong><a href="https://www.w3.org/WAI/standards-guidelines/wcag/docs/">The WCAG Documents</a></strong> - 技術文書群がどのように関係していてリンクされているのかを示した図と解説。</p>
</li>
</ol>
<p>WCAG 2.0 に関する教育資料を含む関連資料の説明は、<a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines (WCAG) Overview</a> を参照。例えば、ウェブアクセシビリティのビジネスにおける効果、ウェブサイトのアクセシビリティを改善するための実施計画作成、及びアクセシビリティ方針といったトピックに関する補足資料は、<a href="https://www.w3.org/WAI/Resources/Overview">WAI Resources</a> に挙げられている。</p>
</section>
<section id="requirements-for-wcag-2-1">
<h3 id="x0-4-requirements-for-wcag-2-1"><span class="secno">0.4 </span>WCAG 2.1 の要件<span class="permalink"><a href="#requirements-for-wcag-2-1" aria-label="Permalink for 0.4 Requirements for WCAG 2.1" title="Permalink for 0.4 Requirements for WCAG 2.1"><span>§</span></a></span></h3>
<p>WCAG 2.1 は、WCAG 2.0 の要件を継承する一連の <a href="https://w3c.github.io/wcag21/requirements/">WCAG 2.1 の要件</a>を満たしている。要件は、ガイドラインの全体的なフレームワークを構成し、後方互換性を確保している。ワーキンググループはまた、達成基準のスタイルや品質が WCAG 2.0 のものと類似することを確保するために、達成基準に対し、あまり形式的ではない一連の受け入れ基準を採用した。これらの要件は、WCAG 2.1に含めることができるものを制限している。この制限は、WCAG 2 のドットリリースの性質を保持するために重要である。</p>
</section>
<section id="comparison-with-wcag-2-0">
<h3 id="x0-5-comparison-with-wcag-2-0"><span class="secno">0.5 </span>WCAG 2.0 との比較<span class="permalink"><a href="#comparison-with-wcag-2-0" aria-label="Permalink for 0.5 Comparison with WCAG 2.0" title="Permalink for 0.5 Comparison with WCAG 2.0"><span>§</span></a></span></h3>
<p>WCAG 2.1 は、認知または学習障害のある利用者、ロービジョンの利用者、モバイルデバイス上の障害のある利用者、という三つの主要なグループためのアクセシビリティのガイダンスを改善することを目的に開始された。これらのニーズを満たすために多くの方法が提案され評価され、ワーキンググループによって洗練された。WCAG 2.0 から引き継がれた構造上の要件、提案の明確さ及び影響、並びに進行計画が、この版に含まれる最終的な一式の達成基準につながった。ワーキンググループは、WCAG 2.1 がこれらすべての領域におけるウェブコンテンツのアクセシビリティのガイダンスを段階的に進歩させると考えているが、このガイドラインではすべての利用者のニーズが満たされているわけではないことを強調している。</p>
<p>WCAG 2.1 は WCAG 2.0 をベースに構築され、WCAG 2.0 と後方互換性があるため、WCAG 2.1 に適合しているウェブページはすなわち WCAG 2.0 にも適合していることにもなる。WCAG 2.0 への適合を方針によって要求されているコンテンツ制作者は、WCAG 2.0 への適合を維持したままコンテンツを WCAG 2.1 に適合できるようアップデートすることができる。両方のガイドラインに従うコンテンツ制作者は、以下に挙げる差異に注意すべきである。</p>
<section id="new-features-in-wcag-2-1">