-
Notifications
You must be signed in to change notification settings - Fork 20
/
wcag.json
2472 lines (2471 loc) · 141 KB
/
wcag.json
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
[
{
"ref_id": "1",
"title": "Perceivable",
"description": "Information and user interface components must be presentable to users in ways they can perceive.",
"url": "https://www.w3.org/TR/WCAG22/#perceivable",
"guidelines": [
{
"ref_id": "1.1",
"title": "Text Alternatives",
"description": "Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.",
"url": "https://www.w3.org/TR/WCAG22/#text-alternatives",
"references": [
{
"title": "Understanding Guideline 1.1",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/text-alternatives.html"
}
],
"success_criteria": [
{
"ref_id": "1.1.1",
"title": "Non-text Content",
"description": "All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below.",
"url": "https://www.w3.org/TR/WCAG22/#non-text-content",
"level": "A",
"special_cases": [
{
"type": "exception",
"title": "Controls, Input",
"description": "If non-text content is a control or accepts user input, then it has a name that describes its purpose. (Refer to Guideline 4.1 for additional requirements for controls and content that accepts user input.)"
},
{
"type": "exception",
"title": "Time-based Media",
"description": "If non-text content is time-based media, then text alternatives at least provide descriptive identification of the non-text content. (Refer to Guideline 1.2 for additional requirements for media.)"
},
{
"type": "exception",
"title": "Test",
"description": "If non-text content is a test or exercise that would be invalid if presented in text, then text alternatives at least provide descriptive identification of the non-text content."
},
{
"type": "exception",
"title": "Sensory",
"description": "If non-text content is primarily intended to create a specific sensory experience, then text alternatives at least provide descriptive identification of the non-text content."
},
{
"type": "exception",
"title": "CAPTCHA",
"description": "If the purpose of non-text content is to confirm that content is being accessed by a person rather than a computer, then text alternatives that identify and describe the purpose of the non-text content are provided, and alternative forms of CAPTCHA using output modes for different types of sensory perception are provided to accommodate different disabilities."
},
{
"type": "exception",
"title": "Decoration, Formatting, Invisible",
"description": "If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.1.1",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#non-text-content"
},
{
"title": "Understanding 1.1.1",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html"
}
]
}
]
},
{
"ref_id": "1.2",
"title": "Time-based Media",
"description": "Provide alternatives for time-based media.",
"url": "https://www.w3.org/TR/WCAG22/#time-based-media",
"references": [
{
"title": "Understanding Guideline 1.2",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/time-based-media.html"
}
],
"success_criteria": [
{
"ref_id": "1.2.1",
"title": "Audio-only and Video-only (Prerecorded)",
"description": "For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or video is a media alternative for text and is clearly labeled as such.",
"url": "https://www.w3.org/TR/WCAG22/#audio-only-and-video-only-prerecorded",
"level": "A",
"special_cases": [
{
"type": "all_true",
"title": "Prerecorded Audio-only",
"description": "An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content."
},
{
"type": "all_true",
"title": "Prerecorded Video-only",
"description": "Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.2.1",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#audio-only-and-video-only-prerecorded"
},
{
"title": "Understanding 1.2.1",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/audio-only-and-video-only-prerecorded.html"
}
]
},
{
"ref_id": "1.2.2",
"title": "Captions (Prerecorded)",
"description": "Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such.",
"url": "https://www.w3.org/TR/WCAG22/#captions-prerecorded",
"level": "A",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.2",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#captions-prerecorded"
},
{
"title": "Understanding 1.2.2",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded.html"
}
]
},
{
"ref_id": "1.2.3",
"title": "Audio Description or Media Alternative (Prerecorded)",
"description": "An alternative for time-based media or audio description of the prerecorded video content is provided for synchronized media, except when the media is a media alternative for text and is clearly labeled as such.",
"url": "https://www.w3.org/TR/WCAG22/#audio-description-or-media-alternative-prerecorded",
"level": "A",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.3",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#audio-description-or-media-alternative-prerecorded"
},
{
"title": "Understanding 1.2.3",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/audio-description-or-media-alternative-prerecorded.html"
}
]
},
{
"ref_id": "1.2.4",
"title": "Captions (Live)",
"description": "Captions are provided for all live audio content in synchronized media.",
"url": "https://www.w3.org/TR/WCAG22/#captions-live",
"level": "AA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.4",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/captions-live.html"
},
{
"title": "Understanding 1.2.4",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/captions-live.html"
}
]
},
{
"ref_id": "1.2.5",
"title": "Audio Description (Prerecorded)",
"description": "Audio description is provided for all prerecorded video content in synchronized media.",
"url": "https://www.w3.org/TR/WCAG22/#audio-description-prerecorded",
"level": "AA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.5",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#audio-description-prerecorded"
},
{
"title": "Understanding 1.2.5",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/audio-description-prerecorded.html"
}
]
},
{
"ref_id": "1.2.6",
"title": "Sign Language (Prerecorded)",
"description": "Sign language interpretation is provided for all prerecorded audio content in synchronized media.",
"url": "https://www.w3.org/TR/WCAG22/#sign-language-prerecorded",
"level": "AAA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.6",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#sign-language-prerecorded"
},
{
"title": "Understanding 1.2.6",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/sign-language-prerecorded.html"
}
]
},
{
"ref_id": "1.2.7",
"title": "Extended Audio Description (Prerecorded)",
"description": "Where pauses in foreground audio are insufficient to allow audio descriptions to convey the sense of the video, extended audio description is provided for all prerecorded video content in synchronized media.",
"url": "https://www.w3.org/TR/WCAG22/#extended-audio-description-prerecorded",
"level": "AAA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.7",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#extended-audio-description-prerecorded"
},
{
"title": "Understanding 1.2.7",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/extended-audio-description-prerecorded.html"
}
]
},
{
"ref_id": "1.2.8",
"title": "Media Alternative (Prerecorded)",
"description": "An alternative for time-based media is provided for all prerecorded synchronized media and for all prerecorded video-only media.",
"url": "https://www.w3.org/TR/WCAG22/#media-alternative-prerecorded",
"level": "AAA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.8",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#media-alternative-prerecorded"
},
{
"title": "Understanding 1.2.8",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/media-alternative-prerecorded.html"
}
]
},
{
"ref_id": "1.2.9",
"title": "Audio-only (Live)",
"description": " An alternative for time-based media that presents equivalent information for live audio-only content is provided.",
"url": "https://www.w3.org/TR/WCAG22/#audio-only-live",
"level": "AAA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.2.9",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#audio-only-live"
},
{
"title": "Understanding 1.2.9",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/audio-only-live.html"
}
]
}
]
},
{
"ref_id": "1.3",
"title": "Adaptable",
"description": "Create content that can be presented in different ways (for example simpler layout) without losing information or structure.",
"url": "https://www.w3.org/TR/WCAG22/#adaptable",
"references": [
{
"title": "Understanding Guideline 1.3",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/adaptable.html"
}
],
"success_criteria": [
{
"ref_id": "1.3.1",
"title": "Info and Relationships",
"description": "Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.",
"url": "https://www.w3.org/TR/WCAG22/#info-and-relationships",
"level": "A",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.3.1",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#info-and-relationships"
},
{
"title": "Understanding 1.3.1",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html"
}
]
},
{
"ref_id": "1.3.2",
"title": "Meaningful Sequence",
"description": "When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.",
"url": "https://www.w3.org/TR/WCAG22/#meaningful-sequence",
"level": "A",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.3.2",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#meaningful-sequence"
},
{
"title": "Understanding 1.3.2",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/meaningful-sequence.html"
}
]
},
{
"ref_id": "1.3.3",
"title": "Sensory Characteristics",
"description": "Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components such as shape, size, visual location, orientation, or sound.",
"url": "https://www.w3.org/TR/WCAG22/#sensory-characteristics",
"level": "A",
"special_cases": null,
"notes": [
{
"content": "For requirements related to color, refer to Guideline 1.4."
}
],
"references": [
{
"title": "How to Meet 1.3.3",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#sensory-characteristics"
},
{
"title": "Understanding 1.3.3",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/sensory-characteristics.html"
}
]
},
{
"ref_id": "1.3.4",
"title": "Orientation",
"description": "Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.",
"url": "https://www.w3.org/TR/WCAG22/#orientation",
"level": "AA",
"special_cases": null,
"notes": [
{
"content": "Examples where a particular display orientation may be essential are a bank check, a piano application, slides for a projector or television, or virtual reality content where binary display orientation is not applicable."
}
],
"references": [
{
"title": "How to Meet 1.3.4",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#orientation"
},
{
"title": "Understanding 1.3.4",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/orientation.html"
}
]
},
{
"ref_id": "1.3.5",
"title": "Identify Input Purpose",
"description": "The purpose of each input field collecting information about the user can be programmatically determined when:",
"url": "https://www.w3.org/TR/WCAG22/#identify-input-purpose",
"level": "AA",
"special_cases": [
{
"type": "all_true",
"title": "The input field serves a purpose identified in the Input Purposes for User Interface Components section; and"
},
{
"type": "all_true",
"title": "The content is implemented using technologies with support for identifying the expected meaning for form input data."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.3.5",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#identify-input-purpose"
},
{
"title": "Understanding 1.3.5",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html"
}
]
},
{
"ref_id": "1.3.6",
"title": "Identify Purpose",
"description": "In content implemented using markup languages, the purpose of User Interface Components, icons, and regions can be programmatically determined.",
"url": "https://www.w3.org/TR/WCAG22/#identify-purpose",
"level": "AAA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.3.6",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#identify-purpose"
},
{
"title": "Understanding 1.3.6",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/identify-purpose.html"
}
]
}
]
},
{
"ref_id": "1.4",
"title": "Distinguishable",
"description": "Make it easier for users to see and hear content including separating foreground from background.",
"url": "https://www.w3.org/TR/WCAG22/#distinguishable",
"references": [
{
"title": "Understanding Guideline 1.4",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/distinguishable.html"
}
],
"success_criteria": [
{
"ref_id": "1.4.1",
"title": "Use of Color",
"description": "Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.",
"url": "https://www.w3.org/TR/WCAG22/#use-of-color",
"level": "A",
"special_cases": null,
"notes": [
{
"content": "This success criterion addresses color perception specifically. Other forms of perception are covered in Guideline 1.3 including programmatic access to color and other visual presentation coding."
}
],
"references": [
{
"title": "How to Meet 1.4.1",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#use-of-color"
},
{
"title": "Understanding 1.4.1",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html"
}
]
},
{
"ref_id": "1.4.2",
"title": "Audio Control",
"description": "If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level.",
"url": "https://www.w3.org/TR/WCAG22/#audio-control",
"level": "A",
"special_cases": null,
"notes": [
{
"content": "Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the Web page (whether or not it is used to meet other success criteria) must meet this success criterion. See Conformance Requirement 5: Non-Interference. (https://www.w3.org/TR/WCAG22/#cc5)"
}
],
"references": [
{
"title": "How to Meet 1.4.2",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#audio-control"
},
{
"title": "Understanding 1.4.2",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/audio-control.html"
}
]
},
{
"ref_id": "1.4.3",
"title": "Contrast (Minimum)",
"description": " The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:",
"url": "https://www.w3.org/TR/WCAG22/#contrast-minimum",
"level": "AA",
"special_cases": [
{
"type": "exception",
"title": "Large Text",
"description": "Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;"
},
{
"type": "exception",
"title": "Incidental",
"description": "Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement."
},
{
"type": "exception",
"title": "Logotypes",
"description": "Text that is part of a logo or brand name has no minimum contrast requirement."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.4.3",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#contrast-minimum"
},
{
"title": "Understanding 1.4.3",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html"
}
]
},
{
"ref_id": "1.4.4",
"title": "Resize text",
"description": "Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.",
"url": "https://www.w3.org/TR/WCAG22/#resize-text",
"level": "AA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 1.4.4",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#resize-text"
},
{
"title": "Understanding 1.4.4",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/resize-text.html"
}
]
},
{
"ref_id": "1.4.5",
"title": "Images of Text",
"description": "If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following:",
"url": "https://www.w3.org/TR/WCAG22/#images-of-text",
"level": "AA",
"special_cases": [
{
"type": "exception",
"title": "Customizable",
"description": "The image of text can be visually customized to the user's requirements;"
},
{
"type": "exception",
"title": "Essential",
"description": "A particular presentation of text is essential to the information being conveyed."
}
],
"notes": [
{
"content": "Logotypes (text that is part of a logo or brand name) are considered essential."
}
],
"references": [
{
"title": "How to Meet 1.4.5",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#images-of-text"
},
{
"title": "Understanding 1.4.5",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/images-of-text.html"
}
]
},
{
"ref_id": "1.4.6",
"title": "Contrast (Enhanced)",
"description": "The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following: ",
"url": "https://www.w3.org/TR/WCAG22/#contrast-enhanced",
"level": "AAA",
"special_cases": [
{
"type": "exception",
"title": "Large Text",
"description": "Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;"
},
{
"type": "exception",
"title": "Incidental",
"description": "Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement."
},
{
"type": "exception",
"title": "Logotypes",
"description": "Text that is part of a logo or brand name has no minimum contrast requirement."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.4.6",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#contrast-enhanced"
},
{
"title": "Understanding 1.4.6",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/contrast-enhanced.html"
}
]
},
{
"ref_id": "1.4.7",
"title": "Low or No Background Audio",
"description": "For prerecorded audio-only content that (1) contains primarily speech in the foreground, (2) is not an audio CAPTCHA or audio logo, and (3) is not vocalization intended to be primarily musical expression such as singing or rapping, at least one of the following is true:",
"url": "https://www.w3.org/TR/WCAG22/#low-or-no-background-audio",
"level": "AAA",
"special_cases": [
{
"type": "at_least_one",
"title": "No Background",
"description": "The audio does not contain background sounds."
},
{
"type": "at_least_one",
"title": "Turn Off",
"description": "The background sounds can be turned off."
},
{
"type": "at_least_one",
"title": "20 dB",
"description": "The background sounds are at least 20 decibels lower than the foreground speech content, with the exception of occasional sounds that last for only one or two seconds."
}
],
"notes": [
{
"content": "Per the definition of 'decibel,' background sound that meets this requirement will be approximately four times quieter than the foreground speech content."
}
],
"references": [
{
"title": "How to Meet 1.4.7",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#low-or-no-background-audio"
},
{
"title": "Understanding 1.4.7",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/low-or-no-background-audio.html"
}
]
},
{
"ref_id": "1.4.8",
"title": "Visual Presentation",
"description": "For the visual presentation of blocks of text, a mechanism is available to achieve the following:",
"url": "https://www.w3.org/TR/WCAG22/#visual-presentation",
"level": "AAA",
"special_cases": [
{
"type": "all_true",
"title": "Foreground and background colors can be selected by the user."
},
{
"type": "all_true",
"title": "Width is no more than 80 characters or glyphs (40 if CJK)."
},
{
"type": "all_true",
"title": "Text is not justified (aligned to both the left and the right margins)."
},
{
"type": "all_true",
"title": "Line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing."
},
{
"type": "all_true",
"title": "Text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text on a full-screen window."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.4.8",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#visual-presentation"
},
{
"title": "Understanding 1.4.8",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/visual-presentation.html"
}
]
},
{
"ref_id": "1.4.9",
"title": "Images of Text (No Exception)",
"description": "Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed.",
"url": "https://www.w3.org/TR/WCAG22/#images-of-text-no-exception",
"level": "AAA",
"special_cases": null,
"notes": [
{
"content": "Logotypes (text that is part of a logo or brand name) are considered essential."
}
],
"references": [
{
"title": "How to Meet 1.4.9",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#images-of-text-no-exception"
},
{
"title": "Understanding 1.4.9",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/images-of-text-no-exception.html"
}
]
},
{
"ref_id": "1.4.10",
"title": "Reflow",
"description": "Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:",
"url": "https://www.w3.org/TR/WCAG22/#reflow",
"level": "AA",
"special_cases": [
{
"type": "all_true",
"title": "Vertical scrolling content at a width equivalent to 320 CSS pixels;"
},
{
"type": "all_true",
"title": "Horizontal scrolling content at a height equivalent to 256 CSS pixels."
},
{
"type": "exception",
"title": "Except for parts of the content which require two-dimensional layout for usage or meaning."
}
],
"notes": [
{
"content": "Note: 320 CSS pixels is equivalent to a starting viewport width of 1280 CSS pixels wide at 400% zoom. For web content which are designed to scroll horizontally (e.g. with vertical text), the 256 CSS pixels is equivalent to a starting viewport height of 1024px at 400% zoom."
},
{
"content": "Examples of content which require two-dimensional layout are images, maps, diagrams, video, games, presentations, data tables, and interfaces where it is necessary to keep toolbars in view while manipulating content."
}
],
"references": [
{
"title": "How to Meet 1.4.10",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#reflow"
},
{
"title": "Understanding 1.4.10",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/reflow.html"
}
]
},
{
"ref_id": "1.4.11",
"title": "Non-text Contrast",
"description": "The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s):",
"url": "https://www.w3.org/TR/WCAG22/#non-text-contrast",
"level": "AA",
"special_cases": [
{
"type": "all_true",
"title": "User Interface Components",
"description": "Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author;"
},
{
"type": "all_true",
"title": "Graphical Objects",
"description": "Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.4.11",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#non-text-contrast"
},
{
"title": "Understanding 1.4.11",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html"
}
]
},
{
"ref_id": "1.4.12",
"title": "Text Spacing",
"description": "In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property:",
"url": "https://www.w3.org/TR/WCAG22/#text-spacing",
"level": "AA",
"special_cases": [
{
"type": "all_true",
"title": "Line height (line spacing) to at least 1.5 times the font size;"
},
{
"type": "all_true",
"title": "Spacing following paragraphs to at least 2 times the font size;"
},
{
"type": "all_true",
"title": "Letter spacing (tracking) to at least 0.12 times the font size;"
},
{
"type": "all_true",
"title": "Word spacing to at least 0.16 times the font size."
},
{
"type": "exception",
"title": "Exception: Human languages and scripts that do not make use of one or more of these text style properties in written text can conform using only the properties that exist for that combination of language and script."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 1.4.12",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#text-spacing"
},
{
"title": "Understanding 1.4.12",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/text-spacing.html"
}
]
},
{
"ref_id": "1.4.13",
"title": "Content on Hover or Focus",
"description": "Where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true:",
"url": "https://www.w3.org/TR/WCAG22/#content-on-hover-or-focus",
"level": "AA",
"special_cases": [
{
"type": "all_true",
"title": "Dismissable",
"description": "A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content;"
},
{
"type": "all_true",
"title": "Hoverable",
"description": "If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;"
},
{
"type": "all_true",
"title": "Persistent",
"description": "The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid."
},
{
"type": "exception",
"title": "Exception: The visual presentation of the additional content is controlled by the user agent and is not modified by the author."
}
],
"notes": [
{
"content": "Examples of additional content controlled by the user agent include browser tooltips created through use of the HTML title attribute."
},
{
"content": "Custom tooltips, sub-menus, and other nonmodal popups that display on hover and focus are examples of additional content covered by this criterion."
}
],
"references": [
{
"title": "How to Meet 1.4.13",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#content-on-hover-or-focus"
},
{
"title": "Understanding 1.4.13",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/content-on-hover-or-focus.html"
}
]
}
]
}
]
},
{
"ref_id": "2",
"title": "Operable",
"description": "User interface components and navigation must be operable.",
"url": "https://www.w3.org/TR/WCAG22/#operable",
"guidelines": [
{
"ref_id": "2.1",
"title": "Keyboard Accessible",
"description": "Make all functionality available from a keyboard.",
"url": "https://www.w3.org/TR/WCAG22/#keyboard-accessible",
"references": [
{
"title": "Understanding Guideline 2.1",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/keyboard-accessible.html"
}
],
"success_criteria": [
{
"ref_id": "2.1.1",
"title": "Keyboard",
"description": "All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints.",
"url": "https://www.w3.org/TR/WCAG22/#keyboard",
"level": "A",
"special_cases": null,
"notes": [
{
"content": "This exception relates to the underlying function, not the input technique. For example, if using handwriting to enter text, the input technique (handwriting) requires path-dependent input but the underlying function (text input) does not."
},
{
"content": "This does not forbid and should not discourage providing mouse input or other input methods in addition to keyboard operation."
}
],
"references": [
{
"title": "How to Meet 2.1.1",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#keyboard"
},
{
"title": "Understanding 2.1.1",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html"
}
]
},
{
"ref_id": "2.1.2",
"title": "No Keyboard Trap",
"description": "If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away.",
"url": "https://www.w3.org/TR/WCAG22/#no-keyboard-trap",
"level": "A",
"special_cases": null,
"notes": [
{
"content": "Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See Conformance Requirement 5: Non-Interference. (https://www.w3.org/TR/WCAG22/#cc5)"
}
],
"references": [
{
"title": "How to Meet 2.1.2",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#no-keyboard-trap"
},
{
"title": "Understanding 2.1.2",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap.html"
}
]
},
{
"ref_id": "2.1.3",
"title": "Keyboard (No Exception)",
"description": "All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes.",
"url": "https://www.w3.org/TR/WCAG22/#keyboard-no-exception",
"level": "AAA",
"special_cases": null,
"notes": null,
"references": [
{
"title": "How to Meet 2.1.3",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#keyboard-no-exception"
},
{
"title": "Understanding 2.1.3",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/keyboard-no-exception.html"
}
]
},
{
"ref_id": "2.1.4",
"title": "Character Key Shortcuts",
"description": "If a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true:",
"url": "https://www.w3.org/TR/WCAG22/#character-key-shortcuts",
"level": "A",
"special_cases": [
{
"type": "at_least_one",
"title": "Turn off",
"description": "A mechanism is available to turn the shortcut off;"
},
{
"type": "at_least_one",
"title": "Remap",
"description": "A mechanism is available to remap the shortcut to use one or more non-printable keyboard characters (e.g. Ctrl, Alt, etc);"
},
{
"type": "at_least_one",
"title": "Active only on focus",
"description": "The keyboard shortcut for a user interface component is only active when that component has focus."
}
],
"notes": null,
"references": [
{
"title": "How to Meet 2.1.4",
"url": "https://www.w3.org/WAI/WCAG22/quickref/#character-key-shortcuts"
},
{
"title": "Understanding 2.1.4",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/character-key-shortcuts.html"
}
]
}
]
},
{
"ref_id": "2.2",
"title": "Enough Time",
"description": "Provide users enough time to read and use content.",
"url": "https://www.w3.org/TR/WCAG22/#enough-time",
"references": [
{
"title": "Understanding Guideline 2.2",
"url": "https://www.w3.org/WAI/WCAG22/Understanding/enough-time.html"
}
],
"success_criteria": [
{
"ref_id": "2.2.1",
"title": "Timing Adjustable",
"description": "For each time limit that is set by the content, at least one of the following is true:",
"url": "https://www.w3.org/TR/WCAG22/#timing-adjustable",
"level": "A",
"special_cases": [
{
"type": "at_least_one",
"title": "Turn off",
"description": "The user is allowed to turn off the time limit before encountering it; or"