1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
3
<html lang="en">
4
5
<head>
6
7
<title>
8
Inaccessible Template Report</title>
9
10
<meta http-equiv="content-type" content="text/html; charset=utf-8">
11
12
<link href="../../css/meta.css" rel="stylesheet" type="text/css">
13
14
<link href="../../css/reportTable.css" rel="stylesheet" type="text/css">
15
16
</head>
17
18
<body>
19
20
<div id="meta-header">
21
22
<p id="skipnav">
23
<a href="#page">
24
Jump to beginning of inaccessible report page</a>
25
</p>
26
27
<p id="logos">
28
<a href="https://www.w3.org/" title="W3C Home">
29
<img alt="W3C logo" src="../../img/w3c.png" height="48" width="72">
30
</a>
31
<a href="https://www.w3.org/WAI/" title="WAI Home">
32
<img alt="Web Accessibility Initiative (WAI) logo" src="../../img/wai.png" height="48">
33
</a>
34
</p>
35
36
<h1>
37
<span class="subhead">
38
Inaccessible Template Report </span>
39
Before and After Demonstration</h1>
40
41
<p class="subline">
42
Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0</p>
43
44
<div id="mnav" class="inaccessible">
45
46
<ul>
47
48
<li class="first">
49
<a href="../../Overview.html">
50
Overview</a>
51
</li>
52
53
<li class="first">
54
<a href="home.html">
55
Home</a>
56
</li>
57
58
<li>
59
<a href="news.html">
60
News</a>
61
</li>
62
63
<li>
64
<a href="tickets.html">
65
Tickets</a>
66
</li>
67
68
<li>
69
<a href="survey.html">
70
Survey</a>
71
</li>
72
73
<li class="current">
74
<span class="hidden">
75
Current location: </span>
76
Template
77
<div class="subnav subnavreport">
78
<ul>
79
<li class="inaccessible">
80
<strong>
81
Inaccessible:</strong>
82
<a href="../template.html" class="page">
83
<span class="hidden">
84
Inaccessible </span>
85
Template</a>
86
<a class="report current">
87
<span class="hidden">
88
Inaccessible Template </span>
89
Report</a>
90
</li>
91
<li class="accessible">
92
<strong>
93
Accessible:</strong>
94
<a href="../../after/template.html" class="page">
95
<span class="hidden">
96
Accessible </span>
97
Template</a>
98
<a href="../../after/reports/template.html" class="report">
99
<span class="hidden">
100
Accessible Template </span>
101
Report</a>
102
</li>
103
</ul>
104
</div>
105
106
</li>
107
108
</ul>
109
110
</div>
111
112
</div>
113
114
<div id="page">
115
116
<div class="main">
117
118
<h2>
119
<a name="perceivable" id="perceivable">
120
Perceivable</a>
121
</h2>
122
123
<table id="p" class="report">
124
125
<caption>
126
Conformance of Template to WCAG 2.0 - Perceivable</caption>
127
128
<col>
129
130
<col width="43">
131
132
<col width="125">
133
134
<col>
135
136
<col width="50">
137
138
<thead>
139
140
<tr>
141
142
<td>
143
</td>
144
145
<th>
146
#</th>
147
148
<th>
149
Title</th>
150
151
<th>
152
Description</th>
153
154
<th>
155
Result</th>
156
157
</tr>
158
159
</thead>
160
161
<tbody class="fail">
162
163
<tr class="guideline fail">
164
165
<td>
166
</td>
167
168
<td>
169
1.1</td>
170
171
<th>
172
<a href="https://www.w3.org/WAI/WCAG20/quickref/#text-equiv">
173
Text Alternatives</a>
174
</th>
175
176
<td>
177
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.</td>
178
179
<td>
180
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
181
</td>
182
183
</tr>
184
185
<tr class="criterion fail">
186
187
<td>
188
</td>
189
190
<td>
191
1.1.1</td>
192
193
<th>
194
<a href="https://www.w3.org/WAI/WCAG20/quickref/#text-equiv-all">
195
Non-text Content</a>
196
</th>
197
198
<td>
199
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. <em>
200
(Level A)</em>
201
202
<div class="expand">
203
204
<ul>
205
206
<li>
207
<strong>
208
Controls, Input:</strong>
209
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.)</li>
210
211
<li>
212
<strong>
213
Time-Based Media:</strong>
214
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.)</li>
215
216
<li>
217
<strong>
218
Test:</strong>
219
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.</li>
220
221
<li>
222
<strong>
223
Sensory:</strong>
224
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.</li>
225
226
<li>
227
<strong>
228
CAPTCHA:</strong>
229
If the purpose 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.</li>
230
231
<li>
232
<strong>
233
Decoration, Formatting, Invisible:</strong>
234
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.</li>
235
236
</ul>
237
238
</div>
239
240
</td>
241
242
<td>
243
Fail</td>
244
245
</tr>
246
247
<tr class="evaluation fail">
248
249
<td>
250
</td>
251
252
<td>
253
</td>
254
255
<th>
256
<img src="../../img/howto.png" alt="">
257
Failures</th>
258
259
<td colspan="2">
260
<ul>
261
262
<li>
263
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F30">
264
Failure F30</a>
265
- Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g. filenames or placeholder text)</li>
266
267
<li>
268
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F38">
269
Failure F38</a>
270
- Failure of Success Criterion 1.1.1 due to omitting the alt-attribute for non-text content used for decorative purposes only in HTML</li>
271
272
<li>
273
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F39">
274
Failure F39</a>
275
- Failure of Success Criterion 1.1.1 due to providing a text alternative that is not null. (e.g. alt="spacer" or alt="image") for images that should be ignored by assistive technology</li>
276
277
<li>
278
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F65">
279
Failure F65</a>
280
- Failure of Success Criterion 1.1.1 due to omitting the alt attribute on img elements, area elements, and input elements of type "image" </li>
281
282
<li>
283
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F71">
284
Failure F71</a>
285
- Failure of Success Criterion 1.1.1 due to using text look-alikes to represent text without providing a text alternative</li>
286
287
</ul>
288
</td>
289
290
</tr>
291
292
<tr class="guideline pass">
293
294
<td>
295
</td>
296
297
<td>
298
1.2</td>
299
300
<th>
301
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv">
302
Time-based Media</a>
303
</th>
304
305
<td>
306
Provide alternatives for time-based media.</td>
307
308
<td>
309
<img src="../../img/pass.png" alt="All success criteria met" title="All success criteria met">
310
</td>
311
312
</tr>
313
314
<tr class="criterion pass">
315
316
<td>
317
</td>
318
319
<td>
320
1.2.1</td>
321
322
<th>
323
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-av-only-alt">
324
Audio-only and Video-only (Prerecorded)</a>
325
</th>
326
327
<td>
328
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: <em>
329
(Level A)</em>
330
331
<div class="expand">
332
333
<ul>
334
335
<li>
336
<strong>
337
Prerecorded Audio-only:</strong>
338
An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content.</li>
339
340
<li>
341
<strong>
342
Prerecorded Video-only:</strong>
343
Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content.</li>
344
345
</ul>
346
347
</div>
348
349
</td>
350
351
<td>
352
Pass</td>
353
354
</tr>
355
356
<tr class="evaluation pass">
357
358
<td>
359
</td>
360
361
<td>
362
</td>
363
364
<th>
365
<img src="../../img/technique.png" alt="">
366
Techniques</th>
367
368
<td colspan="2">
369
Pass due to no corresponding content</td>
370
371
</tr>
372
373
<tr class="criterion pass">
374
375
<td>
376
</td>
377
378
<td>
379
1.2.2</td>
380
381
<th>
382
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-captions">
383
Captions (Prerecorded)</a>
384
</th>
385
386
<td>
387
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. <em>
388
(Level A)</em>
389
</td>
390
391
<td>
392
Pass</td>
393
394
</tr>
395
396
<tr class="evaluation pass">
397
398
<td>
399
</td>
400
401
<td>
402
</td>
403
404
<th>
405
<img src="../../img/technique.png" alt="">
406
Techniques</th>
407
408
<td colspan="2">
409
Pass due to no corresponding content</td>
410
411
</tr>
412
413
<tr class="criterion pass">
414
415
<td>
416
</td>
417
418
<td>
419
1.2.3</td>
420
421
<th>
422
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-audio-desc">
423
Audio Description or Media Alternative (Prerecorded)</a>
424
</th>
425
426
<td>
427
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. <em>
428
(Level A)</em>
429
</td>
430
431
<td>
432
Pass</td>
433
434
</tr>
435
436
<tr class="evaluation pass">
437
438
<td>
439
</td>
440
441
<td>
442
</td>
443
444
<th>
445
<img src="../../img/technique.png" alt="">
446
Techniques</th>
447
448
<td colspan="2">
449
Pass due to no corresponding content</td>
450
451
</tr>
452
453
<tr class="criterion pass new_level">
454
455
<td>
456
</td>
457
458
<td>
459
1.2.4</td>
460
461
<th>
462
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-real-time-captions">
463
Captions (Live)</a>
464
</th>
465
466
<td>
467
Captions are provided for all live audio content in synchronized media. <em>
468
(Level AA)</em>
469
</td>
470
471
<td>
472
Pass</td>
473
474
</tr>
475
476
<tr class="evaluation pass">
477
478
<td>
479
</td>
480
481
<td>
482
</td>
483
484
<th>
485
<img src="../../img/technique.png" alt="">
486
Techniques</th>
487
488
<td colspan="2">
489
Pass due to no corresponding content</td>
490
491
</tr>
492
493
<tr class="criterion pass">
494
495
<td>
496
</td>
497
498
<td>
499
1.2.5</td>
500
501
<th>
502
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-audio-desc-only">
503
Audio Description (Prerecorded)</a>
504
</th>
505
506
<td>
507
Audio description is provided for all prerecorded video content in synchronized media. <em>
508
(Level AA)</em>
509
</td>
510
511
<td>
512
Pass</td>
513
514
</tr>
515
516
<tr class="evaluation pass">
517
518
<td>
519
</td>
520
521
<td>
522
</td>
523
524
<th>
525
<img src="../../img/technique.png" alt="">
526
Techniques</th>
527
528
<td colspan="2">
529
Pass due to no corresponding content</td>
530
531
</tr>
532
533
<tr class="criterion pass new_level">
534
535
<td>
536
</td>
537
538
<td>
539
1.2.6</td>
540
541
<th>
542
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-sign">
543
Sign Language (Prerecorded)</a>
544
</th>
545
546
<td>
547
Sign language interpretation is provided for all prerecorded audio content in synchronized media. <em>
548
(Level AAA)</em>
549
</td>
550
551
<td>
552
Pass</td>
553
554
</tr>
555
556
<tr class="evaluation pass">
557
558
<td>
559
</td>
560
561
<td>
562
</td>
563
564
<th>
565
<img src="../../img/technique.png" alt="">
566
Techniques</th>
567
568
<td colspan="2">
569
Pass due to no corresponding content</td>
570
571
</tr>
572
573
<tr class="criterion pass">
574
575
<td>
576
</td>
577
578
<td>
579
1.2.7</td>
580
581
<th>
582
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-extended-ad">
583
Extended Audio Description (Prerecorded)</a>
584
</th>
585
586
<td>
587
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. <em>
588
(Level AAA)</em>
589
</td>
590
591
<td>
592
Pass</td>
593
594
</tr>
595
596
<tr class="evaluation pass">
597
598
<td>
599
</td>
600
601
<td>
602
</td>
603
604
<th>
605
<img src="../../img/technique.png" alt="">
606
Techniques</th>
607
608
<td colspan="2">
609
Pass due to no corresponding content</td>
610
611
</tr>
612
613
<tr class="criterion pass">
614
615
<td>
616
</td>
617
618
<td>
619
1.2.8</td>
620
621
<th>
622
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-text-doc">
623
Media Alternative (Prerecorded)</a>
624
</th>
625
626
<td>
627
An alternative for time-based media is provided for all prerecorded synchronized media and for all prerecorded video-only media. <em>
628
(Level AAA)</em>
629
</td>
630
631
<td>
632
Pass</td>
633
634
</tr>
635
636
<tr class="evaluation pass">
637
638
<td>
639
</td>
640
641
<td>
642
</td>
643
644
<th>
645
<img src="../../img/technique.png" alt="">
646
Techniques</th>
647
648
<td colspan="2">
649
Pass due to no corresponding content</td>
650
651
</tr>
652
653
<tr class="criterion pass">
654
655
<td>
656
</td>
657
658
<td>
659
1.2.9</td>
660
661
<th>
662
<a href="https://www.w3.org/WAI/WCAG20/quickref/#media-equiv-live-audio-only">
663
Audio-only (Live)</a>
664
</th>
665
666
<td>
667
An alternative for time-based media that presents equivalent information for live audio-only content is provided. <em>
668
(Level AAA)</em>
669
</td>
670
671
<td>
672
Pass</td>
673
674
</tr>
675
676
<tr class="evaluation pass">
677
678
<td>
679
</td>
680
681
<td>
682
</td>
683
684
<th>
685
<img src="../../img/technique.png" alt="">
686
Techniques</th>
687
688
<td colspan="2">
689
Pass due to no corresponding content</td>
690
691
</tr>
692
693
<tr class="guideline fail">
694
695
<td>
696
</td>
697
698
<td>
699
1.3</td>
700
701
<th>
702
<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation">
703
Adaptable</a>
704
</th>
705
706
<td>
707
Create content that can be presented in different ways (for example simpler layout) without losing information or structure.</td>
708
709
<td>
710
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
711
</td>
712
713
</tr>
714
715
<tr class="criterion fail">
716
717
<td>
718
</td>
719
720
<td>
721
1.3.1</td>
722
723
<th>
724
<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation-programmatic">
725
Info and Relationships</a>
726
</th>
727
728
<td>
729
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. <em>
730
(Level A)</em>
731
</td>
732
733
<td>
734
Fail</td>
735
736
</tr>
737
738
<tr class="evaluation fail">
739
740
<td>
741
</td>
742
743
<td>
744
</td>
745
746
<th>
747
<img src="../../img/howto.png" alt="">
748
Failures</th>
749
750
<td colspan="2">
751
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F68">
752
Failure F68</a>
753
- Failure of Success Criterion 1.3.1 and 4.1.2 due to the association of label and user interface controls not being programmatically determinable</td>
754
755
</tr>
756
757
<tr class="criterion fail">
758
759
<td>
760
</td>
761
762
<td>
763
1.3.2</td>
764
765
<th>
766
<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation-sequence">
767
Meaningful Sequence</a>
768
</th>
769
770
<td>
771
When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined. <em>
772
(Level A)</em>
773
</td>
774
775
<td>
776
Fail</td>
777
778
</tr>
779
780
<tr class="evaluation fail">
781
782
<td>
783
</td>
784
785
<td>
786
</td>
787
788
<th>
789
<img src="../../img/howto.png" alt="">
790
Failures</th>
791
792
<td colspan="2">
793
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F49">
794
Failure F49</a>
795
- Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized</td>
796
797
</tr>
798
799
<tr class="criterion pass">
800
801
<td>
802
</td>
803
804
<td>
805
1.3.3</td>
806
807
<th>
808
<a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation-understanding">
809
Sensory Characteristics</a>
810
</th>
811
812
<td>
813
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. <em>
814
(Level A)</em>
815
816
<div class="expand">
817
818
<p>
819
<em>
820
Note:</em>
821
For requirements related to color, refer to <a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast">
822
Guideline 1.3</a>
823
.</p>
824
825
</div>
826
827
</td>
828
829
<td>
830
Pass</td>
831
832
</tr>
833
834
<tr class="evaluation pass">
835
836
<td>
837
</td>
838
839
<td>
840
</td>
841
842
<th>
843
<img src="../../img/technique.png" alt="">
844
Techniques</th>
845
846
<td colspan="2">
847
Pass due to no corresponding content</td>
848
849
</tr>
850
851
<tr class="guideline fail">
852
853
<td>
854
</td>
855
856
<td>
857
1.4</td>
858
859
<th>
860
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast">
861
Distinguishable</a>
862
</th>
863
864
<td>
865
Make it easier for users to see and hear content including separating foreground from background.</td>
866
867
<td>
868
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
869
</td>
870
871
</tr>
872
873
<tr class="criterion fail">
874
875
<td>
876
</td>
877
878
<td>
879
1.4.1</td>
880
881
<th>
882
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-without-color">
883
Use of Color</a>
884
</th>
885
886
<td>
887
Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. <em>
888
(Level A)</em>
889
890
<div class="expand">
891
892
<p>
893
<em>
894
Note:</em>
895
This success criterion addresses color perception specifically. Other forms of perception are covered in <a href="https://www.w3.org/WAI/WCAG20/quickref/#content-structure-separation">
896
Guideline 1.3</a>
897
including programmatic access to color and other visual presentation coding.</p>
898
899
</div>
900
901
</td>
902
903
<td>
904
Fail</td>
905
906
</tr>
907
908
<tr class="evaluation fail">
909
910
<td>
911
</td>
912
913
<td>
914
</td>
915
916
<th>
917
<img src="../../img/howto.png" alt="">
918
Failures</th>
919
920
<td colspan="2">
921
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F73">
922
Failure F73</a>
923
- Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision</td>
924
925
</tr>
926
927
<tr class="criterion pass">
928
929
<td>
930
</td>
931
932
<td>
933
1.4.2</td>
934
935
<th>
936
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-dis-audio">
937
Audio Control</a>
938
</th>
939
940
<td>
941
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. <em>
942
(Level A)</em>
943
944
<div class="expand">
945
946
<p>
947
<em>
948
Note:</em>
949
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 <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">
950
Conformance Requirement 5: Non-Interference</a>
951
.</p>
952
953
</div>
954
955
</td>
956
957
<td>
958
Pass</td>
959
960
</tr>
961
962
<tr class="evaluation pass">
963
964
<td>
965
</td>
966
967
<td>
968
</td>
969
970
<th>
971
<img src="../../img/technique.png" alt="">
972
Techniques</th>
973
974
<td colspan="2">
975
Pass due to no corresponding content</td>
976
977
</tr>
978
979
<tr class="criterion fail new_level">
980
981
<td>
982
</td>
983
984
<td>
985
1.4.3</td>
986
987
<th>
988
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-contrast">
989
Contrast (Minimum)</a>
990
</th>
991
992
<td>
993
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: <em>
994
(Level AA)</em>
995
996
<div class="expand">
997
998
<ul>
999
1000
<li>
1001
<strong>
1002
Large Text:</strong>
1003
Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;</li>
1004
1005
<li>
1006
<strong>
1007
Incidental:</strong>
1008
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.</li>
1009
1010
<li>
1011
<strong>
1012
Logotypes:</strong>
1013
Text that is part of a logo or brand name has no minimum contrast requirement.</li>
1014
1015
</ul>
1016
1017
</div>
1018
1019
</td>
1020
1021
<td>
1022
Fail</td>
1023
1024
</tr>
1025
1026
<tr class="evaluation fail">
1027
1028
<td>
1029
</td>
1030
1031
<td>
1032
</td>
1033
1034
<th>
1035
<img src="../../img/howto.png" alt="">
1036
Failures</th>
1037
1038
<td colspan="2">
1039
<ul>
1040
1041
<li>
1042
The visual presentation of text does not have a contrast ratio of at least 4.5:1</li>
1043
1044
<li>
1045
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F24">
1046
Failure F24</a>
1047
- Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa</li>
1048
1049
</ul>
1050
</td>
1051
1052
</tr>
1053
1054
<tr class="criterion pass">
1055
1056
<td>
1057
</td>
1058
1059
<td>
1060
1.4.4</td>
1061
1062
<th>
1063
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-scale">
1064
Resize text</a>
1065
</th>
1066
1067
<td>
1068
Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. <em>
1069
(Level AA)</em>
1070
</td>
1071
1072
<td>
1073
Pass</td>
1074
1075
</tr>
1076
1077
<tr class="evaluation pass">
1078
1079
<td>
1080
</td>
1081
1082
<td>
1083
</td>
1084
1085
<th>
1086
<img src="../../img/technique.png" alt="">
1087
Techniques</th>
1088
1089
<td colspan="2">
1090
<ul>
1091
1092
<li>
1093
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G142">
1094
Technique G142</a>
1095
- Using a technology that has commonly-available user agents that support zoom</li>
1096
1097
<li>
1098
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G179">
1099
Technique G179</a>
1100
- Ensuring that there is no loss of content or functionality when the text resizes and text containers do not resize</li>
1101
1102
</ul>
1103
</td>
1104
1105
</tr>
1106
1107
<tr class="criterion fail">
1108
1109
<td>
1110
</td>
1111
1112
<td>
1113
1.4.5</td>
1114
1115
<th>
1116
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-text-presentation">
1117
Images of Text</a>
1118
</th>
1119
1120
<td>
1121
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: <em>
1122
(Level AA)</em>
1123
1124
<div class="expand">
1125
1126
<ul>
1127
1128
<li>
1129
<strong>
1130
Customizable:</strong>
1131
The image of text can be visually customized to the user's requirements;</li>
1132
1133
<li>
1134
<strong>
1135
Essential:</strong>
1136
A particular presentation of text is essential to the information being conveyed.</li>
1137
1138
</ul>
1139
1140
<p>
1141
<em>
1142
Note:</em>
1143
Logotypes (text that is part of a logo or brand name) are considered essential.</p>
1144
1145
</div>
1146
1147
</td>
1148
1149
<td>
1150
Fail</td>
1151
1152
</tr>
1153
1154
<tr class="evaluation fail">
1155
1156
<td>
1157
</td>
1158
1159
<td>
1160
</td>
1161
1162
<th>
1163
<img src="../../img/howto.png" alt="">
1164
Failures</th>
1165
1166
<td colspan="2">
1167
Text in HTML and CSS decoration can be used to achieve the same visual presentation, rather than using images of text</td>
1168
1169
</tr>
1170
1171
<tr class="criterion fail new_level">
1172
1173
<td>
1174
</td>
1175
1176
<td>
1177
1.4.6</td>
1178
1179
<th>
1180
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast7">
1181
Contrast (Enhanced)</a>
1182
</th>
1183
1184
<td>
1185
The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following: <em>
1186
(Level AAA)</em>
1187
1188
<div class="expand">
1189
1190
<ul>
1191
1192
<li>
1193
<strong>
1194
Large Text:</strong>
1195
Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;</li>
1196
1197
<li>
1198
<strong>
1199
Incidental:</strong>
1200
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.</li>
1201
1202
<li>
1203
<strong>
1204
Logotypes:</strong>
1205
Text that is part of a logo or brand name has no minimum contrast requirement.</li>
1206
1207
</ul>
1208
1209
</div>
1210
1211
</td>
1212
1213
<td>
1214
Fail</td>
1215
1216
</tr>
1217
1218
<tr class="evaluation fail">
1219
1220
<td>
1221
</td>
1222
1223
<td>
1224
</td>
1225
1226
<th>
1227
<img src="../../img/howto.png" alt="">
1228
Failures</th>
1229
1230
<td colspan="2">
1231
<ul>
1232
1233
<li>
1234
The visual presentation of text does not have a contrast ratio of at least 7:1</li>
1235
1236
<li>
1237
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F24">
1238
Failure F24</a>
1239
- Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa</li>
1240
1241
</ul>
1242
</td>
1243
1244
</tr>
1245
1246
<tr class="criterion pass">
1247
1248
<td>
1249
</td>
1250
1251
<td>
1252
1.4.7</td>
1253
1254
<th>
1255
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-noaudio">
1256
Low or No Background Audio</a>
1257
</th>
1258
1259
<td>
1260
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: <em>
1261
(Level AAA)</em>
1262
1263
<div class="expand">
1264
1265
<ul>
1266
1267
<li>
1268
<strong>
1269
No Background:</strong>
1270
The audio does not contain background sounds.</li>
1271
1272
<li>
1273
<strong>
1274
Turn Off:</strong>
1275
The background sounds can be turned off.</li>
1276
1277
<li>
1278
<strong>
1279
20 dB:</strong>
1280
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.</li>
1281
1282
</ul>
1283
1284
<p>
1285
<em>
1286
Note:</em>
1287
Per the definition of "decibel," background sound that meets this requirement will be approximately four times quieter than the foreground speech content.</p>
1288
1289
</div>
1290
1291
</td>
1292
1293
<td>
1294
Pass</td>
1295
1296
</tr>
1297
1298
<tr class="evaluation pass">
1299
1300
<td>
1301
</td>
1302
1303
<td>
1304
</td>
1305
1306
<th>
1307
<img src="../../img/technique.png" alt="">
1308
Techniques</th>
1309
1310
<td colspan="2">
1311
Pass due to no corresponding content</td>
1312
1313
</tr>
1314
1315
<tr class="criterion fail">
1316
1317
<td>
1318
</td>
1319
1320
<td>
1321
1.4.8</td>
1322
1323
<th>
1324
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-visual-presentation">
1325
Visual Presentation</a>
1326
</th>
1327
1328
<td>
1329
For the visual presentation of blocks of text, a mechanism is available to achieve the following: <em>
1330
(Level AAA)</em>
1331
1332
<div class="expand">
1333
1334
<ol>
1335
1336
<li>
1337
foreground and background colors can be selected by the user</li>
1338
1339
<li>
1340
width is no more than 80 characters or glyphs (40 if CJK)</li>
1341
1342
<li>
1343
text is not justified (aligned to both the left and the right margins)</li>
1344
1345
<li>
1346
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</li>
1347
1348
<li>
1349
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</li>
1350
1351
</ol>
1352
1353
</div>
1354
1355
</td>
1356
1357
<td>
1358
Fail</td>
1359
1360
</tr>
1361
1362
<tr class="evaluation fail">
1363
1364
<td>
1365
</td>
1366
1367
<td>
1368
</td>
1369
1370
<th>
1371
<img src="../../img/howto.png" alt="">
1372
Failures</th>
1373
1374
<td colspan="2">
1375
<ul>
1376
1377
<li>
1378
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F24">
1379
Failure F24</a>
1380
- Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa</li>
1381
1382
</ul>
1383
</td>
1384
1385
</tr>
1386
1387
<tr class="criterion fail">
1388
1389
<td>
1390
</td>
1391
1392
<td>
1393
1.4.9</td>
1394
1395
<th>
1396
<a href="https://www.w3.org/WAI/WCAG20/quickref/#visual-audio-contrast-text-images">
1397
Images of Text (No Exception)</a>
1398
</th>
1399
1400
<td>
1401
Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed. <em>
1402
(Level AAA)</em>
1403
1404
<div class="expand">
1405
1406
<p>
1407
<em>
1408
Note:</em>
1409
Logotypes (text that is part of a logo or brand name) are considered essential.</p>
1410
1411
</div>
1412
1413
</td>
1414
1415
<td>
1416
Fail</td>
1417
1418
</tr>
1419
1420
<tr class="evaluation fail">
1421
1422
<td>
1423
</td>
1424
1425
<td>
1426
</td>
1427
1428
<th>
1429
<img src="../../img/howto.png" alt="">
1430
Failures</th>
1431
1432
<td colspan="2">
1433
Images of text are used for non-decorative purposes while the particular presentation of text is not essential to the information being conveyed</td>
1434
1435
</tr>
1436
1437
</tbody>
1438
1439
</table>
1440
1441
1442
<h2>
1443
<a name="operable" id="operable">
1444
Operable</a>
1445
</h2>
1446
1447
<table id="o" class="report">
1448
1449
<caption>
1450
Conformance of Template to WCAG 2.0 - Operable</caption>
1451
1452
<col>
1453
1454
<col width="43">
1455
1456
<col width="125">
1457
1458
<col>
1459
1460
<col width="50">
1461
1462
<thead>
1463
1464
<tr>
1465
1466
<td>
1467
</td>
1468
1469
<th>
1470
#</th>
1471
1472
<th>
1473
Title</th>
1474
1475
<th>
1476
Description</th>
1477
1478
<th>
1479
Result</th>
1480
1481
</tr>
1482
1483
</thead>
1484
1485
<tbody class="fail">
1486
1487
<tr class="guideline fail">
1488
1489
<td>
1490
</td>
1491
1492
<td>
1493
2.1</td>
1494
1495
<th>
1496
<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation">
1497
Keyboard Accessible</a>
1498
</th>
1499
1500
<td>
1501
Make all functionality available from a keyboard.</td>
1502
1503
<td>
1504
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
1505
</td>
1506
1507
</tr>
1508
1509
<tr class="criterion fail">
1510
1511
<td>
1512
</td>
1513
1514
<td>
1515
2.1.1</td>
1516
1517
<th>
1518
<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation-keyboard-operable">
1519
Keyboard</a>
1520
</th>
1521
1522
<td>
1523
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. <em>
1524
(Level A)</em>
1525
1526
<div class="expand">
1527
1528
<p>
1529
<em>
1530
Note 1:</em>
1531
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.</p>
1532
1533
<p>
1534
<em>
1535
Note 2:</em>
1536
This does not forbid and should not discourage providing mouse input or other input methods in addition to keyboard operation.</p>
1537
1538
</div>
1539
1540
</td>
1541
1542
<td>
1543
Fail</td>
1544
1545
</tr>
1546
1547
<tr class="evaluation fail">
1548
1549
<td>
1550
</td>
1551
1552
<td>
1553
</td>
1554
1555
<th>
1556
<img src="../../img/howto.png" alt="">
1557
Failures</th>
1558
1559
<td colspan="2">
1560
<ul>
1561
1562
<li>
1563
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F54">
1564
Failure F54</a>
1565
- Failure of Success Criterion 2.1.1 due to using only pointing-device-specific event handlers (including gesture) for a function</li>
1566
1567
<li>
1568
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">
1569
Failure F55</a>
1570
- Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</li>
1571
1572
</ul>
1573
</td>
1574
1575
</tr>
1576
1577
<tr class="criterion pass">
1578
1579
<td>
1580
</td>
1581
1582
<td>
1583
2.1.2</td>
1584
1585
<th>
1586
<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation-trapping">
1587
No Keyboard Trap</a>
1588
</th>
1589
1590
<td>
1591
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. <em>
1592
(Level A)</em>
1593
1594
<div class="expand">
1595
1596
<p>
1597
<em>
1598
Note:</em>
1599
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 <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">
1600
Conformance Requirement 5: Non-Interference</a>
1601
.</p>
1602
1603
</div>
1604
1605
</td>
1606
1607
<td>
1608
Pass</td>
1609
1610
</tr>
1611
1612
<tr class="evaluation pass">
1613
1614
<td>
1615
</td>
1616
1617
<td>
1618
</td>
1619
1620
<th>
1621
<img src="../../img/technique.png" alt="">
1622
Techniques</th>
1623
1624
<td colspan="2">
1625
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G21">
1626
Technique G21</a>
1627
- Ensuring that users are not trapped in content</td>
1628
1629
</tr>
1630
1631
<tr class="criterion fail new_level">
1632
1633
<td>
1634
</td>
1635
1636
<td>
1637
2.1.3</td>
1638
1639
<th>
1640
<a href="https://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation-all-funcs">
1641
Keyboard (No Exception)</a>
1642
</th>
1643
1644
<td>
1645
All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes. <em>
1646
(Level AAA)</em>
1647
</td>
1648
1649
<td>
1650
Fail</td>
1651
1652
</tr>
1653
1654
<tr class="evaluation fail">
1655
1656
<td>
1657
</td>
1658
1659
<td>
1660
</td>
1661
1662
<th>
1663
<img src="../../img/howto.png" alt="">
1664
Failures</th>
1665
1666
<td colspan="2">
1667
<ul>
1668
1669
<li>
1670
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F54">
1671
Failure F54</a>
1672
- Failure of Success Criterion 2.1.1 due to using only pointing-device-specific event handlers (including gesture) for a function</li>
1673
1674
<li>
1675
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">
1676
Failure F55</a>
1677
- Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</li>
1678
1679
</ul>
1680
</td>
1681
1682
</tr>
1683
1684
<tr class="guideline pass">
1685
1686
<td>
1687
</td>
1688
1689
<td>
1690
2.2</td>
1691
1692
<th>
1693
<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits">
1694
Enough Time</a>
1695
</th>
1696
1697
<td>
1698
Provide users enough time to read and use content.</td>
1699
1700
<td>
1701
<img src="../../img/pass.png" alt="All success criteria met" title="All success criteria met">
1702
</td>
1703
1704
</tr>
1705
1706
<tr class="criterion pass">
1707
1708
<td>
1709
</td>
1710
1711
<td>
1712
2.2.1</td>
1713
1714
<th>
1715
<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-required-behaviors">
1716
Timing Adjustable</a>
1717
</th>
1718
1719
<td>
1720
For each time limit that is set by the content, at least one of the following is true: <em>
1721
(Level A)</em>
1722
1723
<div class="expand">
1724
1725
<ul>
1726
1727
<li>
1728
<strong>
1729
Turn off:</strong>
1730
The user is allowed to turn off the time limit before encountering it; or</li>
1731
1732
<li>
1733
<strong>
1734
Adjust:</strong>
1735
The user is allowed to adjust the time limit before encountering it over a wide range that is at least ten times the length of the default setting; or</li>
1736
1737
<li>
1738
<strong>
1739
Extend:</strong>
1740
The user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action (for example, "press the space bar"), and the user is allowed to extend the time limit at least ten times; or</li>
1741
1742
<li>
1743
<strong>
1744
Real-time Exception:</strong>
1745
The time limit is a required part of a real-time event (for example, an auction), and no alternative to the time limit is possible; or</li>
1746
1747
<li>
1748
<strong>
1749
Essential Exception:</strong>
1750
The time limit is essential and extending it would invalidate the activity; or</li>
1751
1752
<li>
1753
<strong>
1754
20 Hour Exception:</strong>
1755
The time limit is longer than 20 hours.</li>
1756
1757
</ul>
1758
1759
<p>
1760
<em>
1761
Note:</em>
1762
This success criterion helps ensure that users can complete tasks without unexpected changes in content or context that are a result of a time limit. This success criterion should be considered in conjunction with <a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-receive-focus">
1763
Success Criterion 3.2.1</a>
1764
which puts limits on changes of content or context as a result of user action.</p>
1765
1766
</div>
1767
1768
</td>
1769
1770
<td>
1771
Pass</td>
1772
1773
</tr>
1774
1775
<tr class="evaluation pass">
1776
1777
<td>
1778
</td>
1779
1780
<td>
1781
</td>
1782
1783
<th>
1784
<img src="../../img/technique.png" alt="">
1785
Techniques</th>
1786
1787
<td colspan="2">
1788
Pass due to no corresponding content</td>
1789
1790
</tr>
1791
1792
<tr class="criterion pass">
1793
1794
<td>
1795
</td>
1796
1797
<td>
1798
2.2.2</td>
1799
1800
<th>
1801
<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-pause">
1802
Pause, Stop, Hide</a>
1803
</th>
1804
1805
<td>
1806
For moving, blinking, scrolling, or auto-updating information, all of the following are true: <em>
1807
(Level A)</em>
1808
1809
<div class="expand">
1810
1811
<ul>
1812
1813
<li>
1814
<strong>
1815
Moving, blinking, scrolling:</strong>
1816
For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and</li>
1817
1818
<li>
1819
<strong>
1820
Auto-updating:</strong>
1821
For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential.</li>
1822
1823
</ul>
1824
1825
<p>
1826
<em>
1827
Note 1:</em>
1828
For requirements related to flickering or flashing content, refer to <a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure">
1829
Guideline 2.3</a>
1830
.</p>
1831
1832
<p>
1833
<em>
1834
Note 2:</em>
1835
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 <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">
1836
Conformance Requirement 5: Non-Interference</a>
1837
.</p>
1838
1839
<p>
1840
<em>
1841
Note 3:</em>
1842
Content that is updated periodically by software, or that is streamed to the user agent is not required to preserve or present information that is generated or received between the initiation of the pause and resuming presentation, as this may not be technically possible, and in many situations could be misleading to do so.</p>
1843
1844
<p>
1845
<em>
1846
Note 4:</em>
1847
An animation that occurs as part of a preload phase or similar situation can be considered essential if interaction cannot occur during that phase for all users, and if not indicating progress could confuse users or cause them to think that content was frozen or broken.</p>
1848
1849
</div>
1850
1851
</td>
1852
1853
<td>
1854
Pass</td>
1855
1856
</tr>
1857
1858
<tr class="evaluation pass">
1859
1860
<td>
1861
</td>
1862
1863
<td>
1864
</td>
1865
1866
<th>
1867
<img src="../../img/technique.png" alt="">
1868
Techniques</th>
1869
1870
<td colspan="2">
1871
Pass due to no corresponding content</td>
1872
1873
</tr>
1874
1875
<tr class="criterion pass new_level">
1876
1877
<td>
1878
</td>
1879
1880
<td>
1881
2.2.3</td>
1882
1883
<th>
1884
<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-no-exceptions">
1885
No Timing</a>
1886
</th>
1887
1888
<td>
1889
Timing is not an essential part of the event or activity presented by the content, except for non-interactive synchronized media and real-time events. <em>
1890
(Level AAA)</em>
1891
</td>
1892
1893
<td>
1894
Pass</td>
1895
1896
</tr>
1897
1898
<tr class="evaluation pass">
1899
1900
<td>
1901
</td>
1902
1903
<td>
1904
</td>
1905
1906
<th>
1907
<img src="../../img/technique.png" alt="">
1908
Techniques</th>
1909
1910
<td colspan="2">
1911
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G5">
1912
Technique G5</a>
1913
- Allowing users to complete an activity without any time limit</td>
1914
1915
</tr>
1916
1917
<tr class="criterion pass">
1918
1919
<td>
1920
</td>
1921
1922
<td>
1923
2.2.4</td>
1924
1925
<th>
1926
<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-postponed">
1927
Interruptions</a>
1928
</th>
1929
1930
<td>
1931
Interruptions can be postponed or suppressed by the user, except interruptions involving an emergency. <em>
1932
(Level AAA)</em>
1933
</td>
1934
1935
<td>
1936
Pass</td>
1937
1938
</tr>
1939
1940
<tr class="evaluation pass">
1941
1942
<td>
1943
</td>
1944
1945
<td>
1946
</td>
1947
1948
<th>
1949
<img src="../../img/technique.png" alt="">
1950
Techniques</th>
1951
1952
<td colspan="2">
1953
Pass due to no corresponding content</td>
1954
1955
</tr>
1956
1957
<tr class="criterion pass">
1958
1959
<td>
1960
</td>
1961
1962
<td>
1963
2.2.5</td>
1964
1965
<th>
1966
<a href="https://www.w3.org/WAI/WCAG20/quickref/#time-limits-server-timeout">
1967
Re-authenticating</a>
1968
</th>
1969
1970
<td>
1971
When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating. <em>
1972
(Level AAA)</em>
1973
</td>
1974
1975
<td>
1976
Pass</td>
1977
1978
</tr>
1979
1980
<tr class="evaluation pass">
1981
1982
<td>
1983
</td>
1984
1985
<td>
1986
</td>
1987
1988
<th>
1989
<img src="../../img/technique.png" alt="">
1990
Techniques</th>
1991
1992
<td colspan="2">
1993
Pass due to no corresponding content</td>
1994
1995
</tr>
1996
1997
<tr class="guideline pass">
1998
1999
<td>
2000
</td>
2001
2002
<td>
2003
2.3</td>
2004
2005
<th>
2006
<a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure">
2007
Seizures</a>
2008
</th>
2009
2010
<td>
2011
Do not design content in a way that is known to cause seizures.</td>
2012
2013
<td>
2014
<img src="../../img/pass.png" alt="All success criteria met" title="All success criteria met">
2015
</td>
2016
2017
</tr>
2018
2019
<tr class="criterion pass">
2020
2021
<td>
2022
</td>
2023
2024
<td>
2025
2.3.1</td>
2026
2027
<th>
2028
<a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure-does-not-violate">
2029
Three Flashes or Below Threshold</a>
2030
</th>
2031
2032
<td>
2033
Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. <em>
2034
(Level A)</em>
2035
2036
<div class="expand">
2037
2038
<p>
2039
<em>
2040
Note:</em>
2041
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 <a href="https://www.w3.org/WAI/WCAG20/quickref/#conformance-reqs">
2042
Conformance Requirement 5: Non-Interference</a>
2043
.</p>
2044
2045
</div>
2046
2047
</td>
2048
2049
<td>
2050
Pass</td>
2051
2052
</tr>
2053
2054
<tr class="evaluation pass">
2055
2056
<td>
2057
</td>
2058
2059
<td>
2060
</td>
2061
2062
<th>
2063
<img src="../../img/technique.png" alt="">
2064
Techniques</th>
2065
2066
<td colspan="2">
2067
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G19">
2068
Technique G19</a>
2069
- Ensuring that no component of the content flashes more than three times in any 1-second period</td>
2070
2071
</tr>
2072
2073
<tr class="criterion pass new_level">
2074
2075
<td>
2076
</td>
2077
2078
<td>
2079
2.3.2</td>
2080
2081
<th>
2082
<a href="https://www.w3.org/WAI/WCAG20/quickref/#seizure-three-times">
2083
Three Flashes</a>
2084
</th>
2085
2086
<td>
2087
Web pages do not contain anything that flashes more than three times in any one second period. <em>
2088
(Level AAA)</em>
2089
</td>
2090
2091
<td>
2092
Pass</td>
2093
2094
</tr>
2095
2096
<tr class="evaluation pass">
2097
2098
<td>
2099
</td>
2100
2101
<td>
2102
</td>
2103
2104
<th>
2105
<img src="../../img/technique.png" alt="">
2106
Techniques</th>
2107
2108
<td colspan="2">
2109
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G19">
2110
Technique G19</a>
2111
- Ensuring that no component of the content flashes more than three times in any 1-second period</td>
2112
2113
</tr>
2114
2115
<tr class="guideline fail">
2116
2117
<td>
2118
</td>
2119
2120
<td>
2121
2.4</td>
2122
2123
<th>
2124
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms">
2125
Navigable</a>
2126
</th>
2127
2128
<td>
2129
Provide ways to help users navigate, find content and determine where they are.</td>
2130
2131
<td>
2132
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
2133
</td>
2134
2135
</tr>
2136
2137
<tr class="criterion fail">
2138
2139
<td>
2140
</td>
2141
2142
<td>
2143
2.4.1</td>
2144
2145
<th>
2146
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-skip">
2147
Bypass Blocks</a>
2148
</th>
2149
2150
<td>
2151
A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. <em>
2152
(Level A)</em>
2153
</td>
2154
2155
<td>
2156
Fail</td>
2157
2158
</tr>
2159
2160
<tr class="evaluation fail">
2161
2162
<td>
2163
</td>
2164
2165
<td>
2166
</td>
2167
2168
<th>
2169
<img src="../../img/howto.png" alt="">
2170
Failures</th>
2171
2172
<td colspan="2">
2173
No mechanisms are available to bypass blocks of content that are repeated on multiple Web pages</td>
2174
2175
</tr>
2176
2177
<tr class="criterion fail">
2178
2179
<td>
2180
</td>
2181
2182
<td>
2183
2.4.2</td>
2184
2185
<th>
2186
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-title">
2187
Page Titled</a>
2188
</th>
2189
2190
<td>
2191
Web pages have titles that describe topic or purpose. <em>
2192
(Level A)</em>
2193
</td>
2194
2195
<td>
2196
Fail</td>
2197
2198
</tr>
2199
2200
<tr class="evaluation fail">
2201
2202
<td>
2203
</td>
2204
2205
<td>
2206
</td>
2207
2208
<th>
2209
<img src="../../img/howto.png" alt="">
2210
Failures</th>
2211
2212
<td colspan="2">
2213
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F25">
2214
Failure F25</a>
2215
- Failure of Success Criterion 2.4.2 due to the title of a Web page not identifying the contents</td>
2216
2217
</tr>
2218
2219
<tr class="criterion pass">
2220
2221
<td>
2222
</td>
2223
2224
<td>
2225
2.4.3</td>
2226
2227
<th>
2228
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-focus-order">
2229
Focus Order</a>
2230
</th>
2231
2232
<td>
2233
If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability. <em>
2234
(Level A)</em>
2235
</td>
2236
2237
<td>
2238
Pass</td>
2239
2240
</tr>
2241
2242
<tr class="evaluation pass">
2243
2244
<td>
2245
</td>
2246
2247
<td>
2248
</td>
2249
2250
<th>
2251
<img src="../../img/technique.png" alt="">
2252
Techniques</th>
2253
2254
<td colspan="2">
2255
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G59">
2256
Technique G59</a>
2257
- Placing the interactive elements in an order that follows sequences and relationships within the content</td>
2258
2259
</tr>
2260
2261
<tr class="criterion fail">
2262
2263
<td>
2264
</td>
2265
2266
<td>
2267
2.4.4</td>
2268
2269
<th>
2270
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-refs">
2271
Link Purpose (In Context)</a>
2272
</th>
2273
2274
<td>
2275
The purpose of each link can be determined from the link text alone, or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general. <em>
2276
(Level A)</em>
2277
</td>
2278
2279
<td>
2280
Fail</td>
2281
2282
</tr>
2283
2284
<tr class="evaluation fail">
2285
2286
<td>
2287
</td>
2288
2289
<td>
2290
</td>
2291
2292
<th>
2293
<img src="../../img/howto.png" alt="">
2294
Failures</th>
2295
2296
<td colspan="2">
2297
<ul>
2298
2299
<li>
2300
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F63">
2301
Failure F63</a>
2302
- Failure of Success Criterion 2.4.4 due to providing link context only in content that is not related to the link</li>
2303
2304
<li>
2305
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F89">
2306
Failure F89</a>
2307
- Failure of 2.4.4, 2.4.9 and 4.1.2 due to using null alt on an image where the image is the only content in a link</li>
2308
2309
</ul>
2310
</td>
2311
2312
</tr>
2313
2314
<tr class="criterion pass new_level">
2315
2316
<td>
2317
</td>
2318
2319
<td>
2320
2.4.5</td>
2321
2322
<th>
2323
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-mult-loc">
2324
Multiple Ways</a>
2325
</th>
2326
2327
<td>
2328
More than one way is available to locate a Web page within a set of Web pages except where the Web Page is the result of, or a step in, a process. <em>
2329
(Level AA)</em>
2330
</td>
2331
2332
<td>
2333
Pass</td>
2334
2335
</tr>
2336
2337
<tr class="evaluation pass">
2338
2339
<td>
2340
</td>
2341
2342
<td>
2343
</td>
2344
2345
<th>
2346
<img src="../../img/technique.png" alt="">
2347
Techniques</th>
2348
2349
<td colspan="2">
2350
<ul>
2351
2352
<li>
2353
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G125">
2354
Technique G125</a>
2355
- Providing links to navigate to related Web pages</li>
2356
2357
<li>
2358
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G126">
2359
Technique G126</a>
2360
- Providing a list of links to all other Web pages</li>
2361
2362
<li>
2363
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G185">
2364
Technique G185</a>
2365
- Linking to all of the pages on the site from the home page</li>
2366
2367
</ul>
2368
</td>
2369
2370
</tr>
2371
2372
<tr class="criterion fail">
2373
2374
<td>
2375
</td>
2376
2377
<td>
2378
2.4.6</td>
2379
2380
<th>
2381
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-descriptive">
2382
Headings and Labels</a>
2383
</th>
2384
2385
<td>
2386
Headings and labels describe topic or purpose. <em>
2387
(Level AA)</em>
2388
</td>
2389
2390
<td>
2391
Fail</td>
2392
2393
</tr>
2394
2395
<tr class="evaluation fail">
2396
2397
<td>
2398
</td>
2399
2400
<td>
2401
</td>
2402
2403
<th>
2404
<img src="../../img/howto.png" alt="">
2405
Failures</th>
2406
2407
<td colspan="2">
2408
Headings are not programmatically determined</td>
2409
2410
</tr>
2411
2412
<tr class="criterion fail">
2413
2414
<td>
2415
</td>
2416
2417
<td>
2418
2.4.7</td>
2419
2420
<th>
2421
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-focus-visible">
2422
Focus Visible</a>
2423
</th>
2424
2425
<td>
2426
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. <em>
2427
(Level AA)</em>
2428
</td>
2429
2430
<td>
2431
Fail</td>
2432
2433
</tr>
2434
2435
<tr class="evaluation fail">
2436
2437
<td>
2438
</td>
2439
2440
<td>
2441
</td>
2442
2443
<th>
2444
<img src="../../img/howto.png" alt="">
2445
Failures</th>
2446
2447
<td colspan="2">
2448
<ul>
2449
2450
<li>
2451
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">
2452
Failure F55</a>
2453
- Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</li>
2454
2455
<li>
2456
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F78">
2457
Failure F78</a>
2458
- Failure of Success Criterion 2.4.7 due to styling element outlines and borders in a way that removes or renders non-visible the visual focus indicator</li>
2459
2460
</ul>
2461
</td>
2462
2463
</tr>
2464
2465
<tr class="criterion fail new_level">
2466
2467
<td>
2468
</td>
2469
2470
<td>
2471
2.4.8</td>
2472
2473
<th>
2474
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-location">
2475
Location</a>
2476
</th>
2477
2478
<td>
2479
Information about the user's location within a set of Web pages is available. <em>
2480
(Level AAA)</em>
2481
</td>
2482
2483
<td>
2484
Fail</td>
2485
2486
</tr>
2487
2488
<tr class="evaluation fail">
2489
2490
<td>
2491
</td>
2492
2493
<td>
2494
</td>
2495
2496
<th>
2497
<img src="../../img/howto.png" alt="">
2498
Failures</th>
2499
2500
<td colspan="2">
2501
No information is available about the user's location within a set of Web pages</td>
2502
2503
</tr>
2504
2505
<tr class="criterion fail">
2506
2507
<td>
2508
</td>
2509
2510
<td>
2511
2.4.9</td>
2512
2513
<th>
2514
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-link">
2515
Link Purpose (Link Only)</a>
2516
</th>
2517
2518
<td>
2519
A mechanism is available to allow the purpose of each link to be identified from link text alone, except where the purpose of the link would be ambiguous to users in general. <em>
2520
(Level AAA)</em>
2521
</td>
2522
2523
<td>
2524
Fail</td>
2525
2526
</tr>
2527
2528
<tr class="evaluation fail">
2529
2530
<td>
2531
</td>
2532
2533
<td>
2534
</td>
2535
2536
<th>
2537
<img src="../../img/howto.png" alt="">
2538
Failures</th>
2539
2540
<td colspan="2">
2541
<ul>
2542
2543
<li>
2544
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F84">
2545
Failure F84</a>
2546
- Failure of Success Criterion 2.4.9 due to using a non-specific link such as "click here" or "more" without a mechanism to change the link text to specific text</li>
2547
2548
<li>
2549
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F89">
2550
Failure F89</a>
2551
- Failure of 2.4.4, 2.4.9 and 4.1.2 due to using null alt on an image where the image is the only content in a link</li>
2552
2553
</ul>
2554
</td>
2555
2556
</tr>
2557
2558
<tr class="criterion fail">
2559
2560
<td>
2561
</td>
2562
2563
<td>
2564
2.4.10</td>
2565
2566
<th>
2567
<a href="https://www.w3.org/WAI/WCAG20/quickref/#navigation-mechanisms-headings">
2568
Section Headings</a>
2569
</th>
2570
2571
<td>
2572
Section headings are used to organize the content. <em>
2573
(Level AAA)</em>
2574
2575
<div class="expand">
2576
2577
<p>
2578
<em>
2579
Note 1:</em>
2580
"Heading" is used in its general sense and includes titles and other ways to add a heading to different types of content.</p>
2581
2582
<p>
2583
<em>
2584
Note 2:</em>
2585
This success criterion covers sections within writing, not user interface components. User Interface components are covered under <a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat-rsv">
2586
Success Criterion 4.1.2</a>
2587
.</p>
2588
2589
</div>
2590
2591
</td>
2592
2593
<td>
2594
Fail</td>
2595
2596
</tr>
2597
2598
<tr class="evaluation fail">
2599
2600
<td>
2601
</td>
2602
2603
<td>
2604
</td>
2605
2606
<th>
2607
<img src="../../img/howto.png" alt="">
2608
Failures</th>
2609
2610
<td colspan="2">
2611
Headings are not programmatically determined</td>
2612
2613
</tr>
2614
2615
</tbody>
2616
2617
</table>
2618
2619
2620
<h2>
2621
<a name="understandable" id="understandable">
2622
Understandable</a>
2623
</h2>
2624
2625
<table id="u" class="report">
2626
2627
<caption>
2628
Conformance of Template to WCAG 2.0 - Understandable</caption>
2629
2630
<col>
2631
2632
<col width="43">
2633
2634
<col width="125">
2635
2636
<col>
2637
2638
<col width="50">
2639
2640
<thead>
2641
2642
<tr>
2643
2644
<td>
2645
</td>
2646
2647
<th>
2648
#</th>
2649
2650
<th>
2651
Title</th>
2652
2653
<th>
2654
Description</th>
2655
2656
<th>
2657
Result</th>
2658
2659
</tr>
2660
2661
</thead>
2662
2663
<tbody class="fail">
2664
2665
<tr class="guideline fail">
2666
2667
<td>
2668
</td>
2669
2670
<td>
2671
3.1</td>
2672
2673
<th>
2674
<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning">
2675
Readable</a>
2676
</th>
2677
2678
<td>
2679
Make text content readable and understandable.</td>
2680
2681
<td>
2682
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
2683
</td>
2684
2685
</tr>
2686
2687
<tr class="criterion fail">
2688
2689
<td>
2690
</td>
2691
2692
<td>
2693
3.1.1</td>
2694
2695
<th>
2696
<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-doc-lang-id">
2697
Language of Page</a>
2698
</th>
2699
2700
<td>
2701
The default human language of each Web page can be programmatically determined. <em>
2702
(Level A)</em>
2703
</td>
2704
2705
<td>
2706
Fail</td>
2707
2708
</tr>
2709
2710
<tr class="evaluation fail">
2711
2712
<td>
2713
</td>
2714
2715
<td>
2716
</td>
2717
2718
<th>
2719
<img src="../../img/howto.png" alt="">
2720
Failures</th>
2721
2722
<td colspan="2">
2723
The default human language of the Web page can not be programmatically determined</td>
2724
2725
</tr>
2726
2727
<tr class="criterion pass new_level">
2728
2729
<td>
2730
</td>
2731
2732
<td>
2733
3.1.2</td>
2734
2735
<th>
2736
<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-other-lang-id">
2737
Language of Parts</a>
2738
</th>
2739
2740
<td>
2741
The human language of each passage or phrase in the content can be programmatically determined except for proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the vernacular of the immediately surrounding text. <em>
2742
(Level AA)</em>
2743
</td>
2744
2745
<td>
2746
Pass</td>
2747
2748
</tr>
2749
2750
<tr class="evaluation pass">
2751
2752
<td>
2753
</td>
2754
2755
<td>
2756
</td>
2757
2758
<th>
2759
<img src="../../img/technique.png" alt="">
2760
Techniques</th>
2761
2762
<td colspan="2">
2763
Pass due to no corresponding content</td>
2764
2765
</tr>
2766
2767
<tr class="criterion pass new_level">
2768
2769
<td>
2770
</td>
2771
2772
<td>
2773
3.1.3</td>
2774
2775
<th>
2776
<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-idioms">
2777
Unusual Words</a>
2778
</th>
2779
2780
<td>
2781
A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way, including idioms and jargon. <em>
2782
(Level AAA)</em>
2783
</td>
2784
2785
<td>
2786
Pass</td>
2787
2788
</tr>
2789
2790
<tr class="evaluation pass">
2791
2792
<td>
2793
</td>
2794
2795
<td>
2796
</td>
2797
2798
<th>
2799
<img src="../../img/technique.png" alt="">
2800
Techniques</th>
2801
2802
<td colspan="2">
2803
Pass due to no corresponding content</td>
2804
2805
</tr>
2806
2807
<tr class="criterion pass">
2808
2809
<td>
2810
</td>
2811
2812
<td>
2813
3.1.4</td>
2814
2815
<th>
2816
<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-located">
2817
Abbreviations</a>
2818
</th>
2819
2820
<td>
2821
A mechanism for identifying the expanded form or meaning of abbreviations is available. <em>
2822
(Level AAA)</em>
2823
</td>
2824
2825
<td>
2826
Pass</td>
2827
2828
</tr>
2829
2830
<tr class="evaluation pass">
2831
2832
<td>
2833
</td>
2834
2835
<td>
2836
</td>
2837
2838
<th>
2839
<img src="../../img/technique.png" alt="">
2840
Techniques</th>
2841
2842
<td colspan="2">
2843
Pass due to no corresponding content</td>
2844
2845
</tr>
2846
2847
<tr class="criterion pass">
2848
2849
<td>
2850
</td>
2851
2852
<td>
2853
3.1.5</td>
2854
2855
<th>
2856
<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-supplements">
2857
Reading Level</a>
2858
</th>
2859
2860
<td>
2861
When text requires reading ability more advanced than the lower secondary education level after removal of proper names and titles, supplemental content, or a version that does not require reading ability more advanced than the lower secondary education level, is available. <em>
2862
(Level AAA)</em>
2863
</td>
2864
2865
<td>
2866
Pass</td>
2867
2868
</tr>
2869
2870
<tr class="evaluation pass">
2871
2872
<td>
2873
</td>
2874
2875
<td>
2876
</td>
2877
2878
<th>
2879
<img src="../../img/technique.png" alt="">
2880
Techniques</th>
2881
2882
<td colspan="2">
2883
<a href="https://www.w3.org/WAI/WCAG20/quickref/G153">
2884
Technique G153</a>
2885
- Making the text easier to read</td>
2886
2887
</tr>
2888
2889
<tr class="criterion pass">
2890
2891
<td>
2892
</td>
2893
2894
<td>
2895
3.1.6</td>
2896
2897
<th>
2898
<a href="https://www.w3.org/WAI/WCAG20/quickref/#meaning-pronunciation">
2899
Pronunciation</a>
2900
</th>
2901
2902
<td>
2903
A mechanism is available for identifying specific pronunciation of words where meaning of the words, in context, is ambiguous without knowing the pronunciation. <em>
2904
(Level AAA)</em>
2905
</td>
2906
2907
<td>
2908
Pass</td>
2909
2910
</tr>
2911
2912
<tr class="evaluation pass">
2913
2914
<td>
2915
</td>
2916
2917
<td>
2918
</td>
2919
2920
<th>
2921
<img src="../../img/technique.png" alt="">
2922
Techniques</th>
2923
2924
<td colspan="2">
2925
Pass due to no corresponding content</td>
2926
2927
</tr>
2928
2929
<tr class="guideline fail">
2930
2931
<td>
2932
</td>
2933
2934
<td>
2935
3.2</td>
2936
2937
<th>
2938
<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior">
2939
Predictable</a>
2940
</th>
2941
2942
<td>
2943
Make Web pages appear and operate in predictable ways.</td>
2944
2945
<td>
2946
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
2947
</td>
2948
2949
</tr>
2950
2951
<tr class="criterion fail">
2952
2953
<td>
2954
</td>
2955
2956
<td>
2957
3.2.1</td>
2958
2959
<th>
2960
<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-receive-focus">
2961
On Focus</a>
2962
</th>
2963
2964
<td>
2965
When any component receives focus, it does not initiate a change of context. <em>
2966
(Level A)</em>
2967
</td>
2968
2969
<td>
2970
Fail</td>
2971
2972
</tr>
2973
2974
<tr class="evaluation fail">
2975
2976
<td>
2977
</td>
2978
2979
<td>
2980
</td>
2981
2982
<th>
2983
<img src="../../img/howto.png" alt="">
2984
Failures</th>
2985
2986
<td colspan="2">
2987
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F55">
2988
Failure F55</a>
2989
- Failure of Success Criteria 2.1.1, 2.4.7, and 3.2.1 due to using script to remove focus when focus is received</td>
2990
2991
</tr>
2992
2993
<tr class="criterion fail">
2994
2995
<td>
2996
</td>
2997
2998
<td>
2999
3.2.2</td>
3000
3001
<th>
3002
<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-unpredictable-change">
3003
On Input</a>
3004
</th>
3005
3006
<td>
3007
Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component. <em>
3008
(Level A)</em>
3009
</td>
3010
3011
<td>
3012
Fail</td>
3013
3014
</tr>
3015
3016
<tr class="evaluation fail">
3017
3018
<td>
3019
</td>
3020
3021
<td>
3022
</td>
3023
3024
<th>
3025
<img src="../../img/howto.png" alt="">
3026
Failures</th>
3027
3028
<td colspan="2">
3029
Change of context without prior warning when the status of a select list is changed</td>
3030
3031
</tr>
3032
3033
<tr class="criterion pass new_level">
3034
3035
<td>
3036
</td>
3037
3038
<td>
3039
3.2.3</td>
3040
3041
<th>
3042
<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-consistent-locations">
3043
Consistent Navigation</a>
3044
</th>
3045
3046
<td>
3047
Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user. <em>
3048
(Level AA)</em>
3049
</td>
3050
3051
<td>
3052
Pass</td>
3053
3054
</tr>
3055
3056
<tr class="evaluation pass">
3057
3058
<td>
3059
</td>
3060
3061
<td>
3062
</td>
3063
3064
<th>
3065
<img src="../../img/technique.png" alt="">
3066
Techniques</th>
3067
3068
<td colspan="2">
3069
<p>
3070
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G61">
3071
Technique G61</a>
3072
- Presenting repeated components in the same relative order each time they appear</p>
3073
3074
<p>
3075
<strong>
3076
Advisory Techniques</strong>
3077
</p>
3078
3079
<ul>
3080
3081
<li>
3082
Future Link - Using templates to ensure consistency across multiple Web pages</li>
3083
3084
</ul>
3085
</td>
3086
3087
</tr>
3088
3089
<tr class="criterion fail">
3090
3091
<td>
3092
</td>
3093
3094
<td>
3095
3.2.4</td>
3096
3097
<th>
3098
<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-consistent-functionality">
3099
Consistent Identification</a>
3100
</th>
3101
3102
<td>
3103
Components that have the same functionality within a set of Web pages are identified consistently. <em>
3104
(Level AA)</em>
3105
</td>
3106
3107
<td>
3108
Fail</td>
3109
3110
</tr>
3111
3112
<tr class="evaluation fail">
3113
3114
<td>
3115
</td>
3116
3117
<td>
3118
</td>
3119
3120
<th>
3121
<img src="../../img/howto.png" alt="">
3122
Failures</th>
3123
3124
<td colspan="2">
3125
Components that have the same functionality within a set of Web pages are not identified at all</td>
3126
3127
</tr>
3128
3129
<tr class="criterion fail new_level">
3130
3131
<td>
3132
</td>
3133
3134
<td>
3135
3.2.5</td>
3136
3137
<th>
3138
<a href="https://www.w3.org/WAI/WCAG20/quickref/#consistent-behavior-no-extreme-changes-context">
3139
Change on Request</a>
3140
</th>
3141
3142
<td>
3143
Changes of context are initiated only by user request or a mechanism is available to turn off such changes. <em>
3144
(Level AAA)</em>
3145
</td>
3146
3147
<td>
3148
Fail</td>
3149
3150
</tr>
3151
3152
<tr class="evaluation fail">
3153
3154
<td>
3155
</td>
3156
3157
<td>
3158
</td>
3159
3160
<th>
3161
<img src="../../img/howto.png" alt="">
3162
Failures</th>
3163
3164
<td colspan="2">
3165
Change of context without prior warning when the status of a select list is changed</td>
3166
3167
</tr>
3168
3169
<tr class="guideline fail">
3170
3171
<td>
3172
</td>
3173
3174
<td>
3175
3.3</td>
3176
3177
<th>
3178
<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error">
3179
Input Assistance</a>
3180
</th>
3181
3182
<td>
3183
Help users avoid and correct mistakes.</td>
3184
3185
<td>
3186
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
3187
</td>
3188
3189
</tr>
3190
3191
<tr class="criterion pass">
3192
3193
<td>
3194
</td>
3195
3196
<td>
3197
3.3.1</td>
3198
3199
<th>
3200
<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-identified">
3201
Error Identification</a>
3202
</th>
3203
3204
<td>
3205
If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text. <em>
3206
(Level A)</em>
3207
</td>
3208
3209
<td>
3210
Pass</td>
3211
3212
</tr>
3213
3214
<tr class="evaluation pass">
3215
3216
<td>
3217
</td>
3218
3219
<td>
3220
</td>
3221
3222
<th>
3223
<img src="../../img/technique.png" alt="">
3224
Techniques</th>
3225
3226
<td colspan="2">
3227
Pass due to no corresponding content</td>
3228
3229
</tr>
3230
3231
<tr class="criterion fail">
3232
3233
<td>
3234
</td>
3235
3236
<td>
3237
3.3.2</td>
3238
3239
<th>
3240
<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-cues">
3241
Labels or Instructions</a>
3242
</th>
3243
3244
<td>
3245
Labels or instructions are provided when content requires user input. <em>
3246
(Level A)</em>
3247
</td>
3248
3249
<td>
3250
Fail</td>
3251
3252
</tr>
3253
3254
<tr class="evaluation fail">
3255
3256
<td>
3257
</td>
3258
3259
<td>
3260
</td>
3261
3262
<th>
3263
<img src="../../img/howto.png" alt="">
3264
Failures</th>
3265
3266
<td colspan="2">
3267
Label is not provided for form control</td>
3268
3269
</tr>
3270
3271
<tr class="criterion pass new_level">
3272
3273
<td>
3274
</td>
3275
3276
<td>
3277
3.3.3</td>
3278
3279
<th>
3280
<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-suggestions">
3281
Error Suggestion</a>
3282
</th>
3283
3284
<td>
3285
If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content. <em>
3286
(Level AA)</em>
3287
</td>
3288
3289
<td>
3290
Pass</td>
3291
3292
</tr>
3293
3294
<tr class="evaluation pass">
3295
3296
<td>
3297
</td>
3298
3299
<td>
3300
</td>
3301
3302
<th>
3303
<img src="../../img/technique.png" alt="">
3304
Techniques</th>
3305
3306
<td colspan="2">
3307
Pass due to no corresponding content</td>
3308
3309
</tr>
3310
3311
<tr class="criterion pass">
3312
3313
<td>
3314
</td>
3315
3316
<td>
3317
3.3.4</td>
3318
3319
<th>
3320
<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-reversible">
3321
Error Prevention (Legal, Financial, Data)</a>
3322
</th>
3323
3324
<td>
3325
For Web pages that cause legal commitments or financial transactions for the user to occur, that modify or delete user-controllable data in data storage systems, or that submit user test responses, at least one of the following is true: <em>
3326
(Level AA)</em>
3327
3328
<div class="expand">
3329
3330
<ol>
3331
3332
<li>
3333
<strong>
3334
Reversible:</strong>
3335
Submissions are reversible.</li>
3336
3337
<li>
3338
<strong>
3339
Checked:</strong>
3340
Data entered by the user is checked for input errors and the user is provided an opportunity to correct them.</li>
3341
3342
<li>
3343
<strong>
3344
Confirmed:</strong>
3345
A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission.</li>
3346
3347
</ol>
3348
3349
</div>
3350
3351
</td>
3352
3353
<td>
3354
Pass</td>
3355
3356
</tr>
3357
3358
<tr class="evaluation pass">
3359
3360
<td>
3361
</td>
3362
3363
<td>
3364
</td>
3365
3366
<th>
3367
<img src="../../img/technique.png" alt="">
3368
Techniques</th>
3369
3370
<td colspan="2">
3371
Pass due to no corresponding content</td>
3372
3373
</tr>
3374
3375
<tr class="criterion pass new_level">
3376
3377
<td>
3378
</td>
3379
3380
<td>
3381
3.3.5</td>
3382
3383
<th>
3384
<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-context-help">
3385
Help</a>
3386
</th>
3387
3388
<td>
3389
Context-sensitive help is available. <em>
3390
(Level AAA)</em>
3391
</td>
3392
3393
<td>
3394
Pass</td>
3395
3396
</tr>
3397
3398
<tr class="evaluation pass">
3399
3400
<td>
3401
</td>
3402
3403
<td>
3404
</td>
3405
3406
<th>
3407
<img src="../../img/technique.png" alt="">
3408
Techniques</th>
3409
3410
<td colspan="2">
3411
Pass due to no corresponding content</td>
3412
3413
</tr>
3414
3415
<tr class="criterion pass">
3416
3417
<td>
3418
</td>
3419
3420
<td>
3421
3.3.6</td>
3422
3423
<th>
3424
<a href="https://www.w3.org/WAI/WCAG20/quickref/#minimize-error-reversible-all">
3425
Error Prevention (All)</a>
3426
</th>
3427
3428
<td>
3429
For Web pages that require the user to submit information, at least one of the following is true: <em>
3430
(Level AAA)</em>
3431
3432
<div class="expand">
3433
3434
<ol>
3435
3436
<li>
3437
<strong>
3438
Reversible:</strong>
3439
Submissions are reversible.</li>
3440
3441
<li>
3442
<strong>
3443
Checked:</strong>
3444
Data entered by the user is checked for input errors and the user is provided an opportunity to correct them.</li>
3445
3446
<li>
3447
<strong>
3448
Confirmed:</strong>
3449
A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission.</li>
3450
3451
</ol>
3452
3453
</div>
3454
3455
</td>
3456
3457
<td>
3458
Pass</td>
3459
3460
</tr>
3461
3462
<tr class="evaluation pass">
3463
3464
<td>
3465
</td>
3466
3467
<td>
3468
</td>
3469
3470
<th>
3471
<img src="../../img/technique.png" alt="">
3472
Techniques</th>
3473
3474
<td colspan="2">
3475
Pass due to no corresponding content</td>
3476
3477
</tr>
3478
3479
</tbody>
3480
3481
</table>
3482
3483
3484
<h2>
3485
<a name="robust" id="robust">
3486
Robust</a>
3487
</h2>
3488
3489
<table id="r" class="report">
3490
3491
<caption>
3492
Conformance of Template to WCAG 2.0 - Robust</caption>
3493
3494
<col>
3495
3496
<col width="43">
3497
3498
<col width="125">
3499
3500
<col>
3501
3502
<col width="50">
3503
3504
<thead>
3505
3506
<tr>
3507
3508
<td>
3509
</td>
3510
3511
<th>
3512
#</th>
3513
3514
<th>
3515
Title</th>
3516
3517
<th>
3518
Description</th>
3519
3520
<th>
3521
Result</th>
3522
3523
</tr>
3524
3525
</thead>
3526
3527
<tbody class="fail">
3528
3529
<tr class="guideline fail">
3530
3531
<td>
3532
</td>
3533
3534
<td>
3535
4.1</td>
3536
3537
<th>
3538
<a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat">
3539
Compatible</a>
3540
</th>
3541
3542
<td>
3543
Maximize compatibility with current and future user agents, including assistive technologies.</td>
3544
3545
<td>
3546
<img src="../../img/fail.png" alt="Some success criteria failed" title="Some success criteria failed">
3547
</td>
3548
3549
</tr>
3550
3551
<tr class="criterion fail">
3552
3553
<td>
3554
</td>
3555
3556
<td>
3557
4.1.1</td>
3558
3559
<th>
3560
<a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat-parses">
3561
Parsing</a>
3562
</th>
3563
3564
<td>
3565
In content implemented using markup languages, elements have complete start and end tags, elements are nested according to their specifications, elements do not contain duplicate attributes, and any IDs are unique, except where the specifications allow these features. <em>
3566
(Level A)</em>
3567
3568
<div class="expand">
3569
3570
<p>
3571
<em>
3572
Note:</em>
3573
Start and end tags that are missing a critical character in their formation, such as a closing angle bracket or a mismatched attribute value quotation mark are not complete.</p>
3574
3575
</div>
3576
3577
</td>
3578
3579
<td>
3580
Fail</td>
3581
3582
</tr>
3583
3584
<tr class="evaluation fail">
3585
3586
<td>
3587
</td>
3588
3589
<td>
3590
</td>
3591
3592
<th>
3593
<img src="../../img/howto.png" alt="">
3594
Failures</th>
3595
3596
<td colspan="2">
3597
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F70">
3598
Failure F70</a>
3599
- Failure of Success Criterion 4.1.1 due to incorrect use of start and end tags or attribute markup</td>
3600
3601
</tr>
3602
3603
<tr class="criterion fail">
3604
3605
<td>
3606
</td>
3607
3608
<td>
3609
4.1.2</td>
3610
3611
<th>
3612
<a href="https://www.w3.org/WAI/WCAG20/quickref/#ensure-compat-rsv">
3613
Name, Role, Value</a>
3614
</th>
3615
3616
<td>
3617
For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies. <em>
3618
(Level A)</em>
3619
3620
<div class="expand">
3621
3622
<p>
3623
<em>
3624
Note:</em>
3625
This success criterion is primarily for Web authors who develop or script their own user interface components. For example, standard HTML controls already meet this success criterion when used according to specification.</p>
3626
3627
</div>
3628
3629
</td>
3630
3631
<td>
3632
Fail</td>
3633
3634
</tr>
3635
3636
<tr class="evaluation fail">
3637
3638
<td>
3639
</td>
3640
3641
<td>
3642
</td>
3643
3644
<th>
3645
<img src="../../img/howto.png" alt="">
3646
Failures</th>
3647
3648
<td colspan="2">
3649
<ul>
3650
3651
<li>
3652
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F68">
3653
Failure F68</a>
3654
- Failure of Success Criterion 1.3.1 and 4.1.2 due to the association of label and user interface controls not being programmatically determinable</li>
3655
3656
<li>
3657
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F79">
3658
Failure F79</a>
3659
- Failure of Success Criterion 4.1.2 due to the focus state of a user interface component not being programmatically determinable or no notification of change of focus state available</li>
3660
3661
<li>
3662
<a href="https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F89">
3663
Failure F89</a>
3664
- Failure of 2.4.4, 2.4.9 and 4.1.2 due to using null alt on an image where the image is the only content in a link</li>
3665
3666
</ul>
3667
</td>
3668
3669
</tr>
3670
3671
</tbody>
3672
3673
</table>
3674
3675
</div>
3676
3677
</div>
3678
3679
<div id="meta-footer" class="meta">
3680
3681
<hr>
3682
3683
<p>
3684
<strong>
3685
Status:</strong>
3686
20 February 2012 (see <a href="../../changelog.html">
3687
changelog</a>
3688
) <br>
3689
Editors: <a href="https://www.w3.org/People/shadi/">
3690
Shadi Abou-Zahra</a>
3691
and the <a href="https://www.w3.org/WAI/EO/">
3692
Education and Outreach Working Group (EOWG)</a>
3693
. <br>
3694
Developed with support from <a href="https://www.w3.org/WAI/TIES/">
3695
<acronym title="Web Accessibility Initiative: Training, Implementation, Education, Support">
3696
WAI-TIES</acronym>
3697
</a>
3698
and <a href="https://www.w3.org/WAI/WAI-AGE/">
3699
<acronym title="Web Accessibility Initiative: Ageing Education and Harmonisation">
3700
WAI-AGE</acronym>
3701
</a>
3702
projects, co-funded by the European Commission <acronym title="Information Society Technologies">
3703
IST</acronym>
3704
Programme. [see <a href="../../acks.html">
3705
Acknowledgements</a>
3706
]</p>
3707
3708
<p>
3709
[<a href="https://www.w3.org/WAI/sitemap.html" shape="rect">
3710
WAI Site Map</a>
3711
] [<a href="https://www.w3.org/WAI/sitehelp.html" shape="rect">
3712
Help with WAI Website</a>
3713
] [<a href="https://www.w3.org/WAI/search.php" shape="rect">
3714
Search</a>
3715
] [<a href="https://www.w3.org/WAI/contacts" shape="rect">
3716
Contacting WAI</a>
3717
] <br>
3718
<strong>
3719
Feedback welcome to <a href="mailto:wai-eo-editors@w3.org" shape="rect">
3720
wai-eo-editors@w3.org</a>
3721
</strong>
3722
(a publicly archived list) or <a href="mailto:wai@w3.org" shape="rect">
3723
wai@w3.org</a>
3724
(a WAI staff-only list).</p>
3725
3726
<div class="copyright">
3727
<p>
3728
<a rel="Copyright" href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">
3729
Copyright</a>
3730
© 2012 <a href="https://www.w3.org/">
3731
<acronym title="World Wide Web Consortium">
3732
W3C</acronym>
3733
</a>
3734
<sup>
3735
®</sup>
3736
(<a href="http://www.csail.mit.edu/">
3737
<acronym title="Massachusetts Institute of Technology">
3738
MIT</acronym>
3739
</a>
3740
, <a href="http://www.ercim.org/">
3741
<acronym title="European Research Consortium for Informatics and Mathematics">
3742
ERCIM</acronym>
3743
</a>
3744
, <a href="http://www.keio.ac.jp/">
3745
Keio</a>
3746
), All Rights Reserved. W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">
3747
liability</a>
3748
, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">
3749
trademark</a>
3750
, <a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-documents">
3751
document use</a>
3752
and <a rel="Copyright" href="https://www.w3.org/Consortium/Legal/copyright-software">
3753
software licensing</a>
3754
rules apply. Your interactions with this site are in accordance with our <a href="https://www.w3.org/Consortium/Legal/privacy-statement#Public">
3755
public</a>
3756
and <a href="https://www.w3.org/Consortium/Legal/privacy-statement#Members">
3757
Member</a>
3758
privacy statements.</p>
3759
</div>
3760
3761
</div>
3762
3763
<script src="../../js/reportTable.js" type="text/javascript">
3764
</script>
3765
3766
<script type="text/javascript">
3767
3768
window.onload = function () {
3769
var p = new reportTable();
3770
var o = new reportTable();
3771
var u = new reportTable();
3772
var r = new reportTable();
3773
p.setTable("p"); p.init();
3774
o.setTable("o"); o.init();
3775
u.setTable("u"); u.init();
3776
r.setTable("r"); r.init();
3777
}
3778
</script>
3779
3780
<!-- Piwik -->
3781
3782
<script type="text/javascript">
3783
3784
var _paq = _paq || [];
3785
_paq.push(["setDomains", ["*.www.w3.org/WAI"]]);
3786
_paq.push(['trackPageView']);
3787
_paq.push(['enableLinkTracking']);
3788
(function() {
3789
var u="//www.w3.org/analytics/piwik/";
3790
_paq.push(['setTrackerUrl', u+'piwik.php']);
3791
_paq.push(['setSiteId', 328]);
3792
var d=document, g=d.createElement('script'),
3793
s=d.getElementsByTagName('script')[0];
3794
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js';
3795
s.parentNode.insertBefore(g,s);
3796
})();
3797
</script>
3798
3799
<noscript>
3800
<p>
3801
<img src="//www.w3.org/analytics/piwik/piwik.php?idsite=328"
3802
style="border:0;" alt="" />
3803
</p>
3804
</noscript>
3805
3806
<!-- End Piwik Code -->
3807
3808
</body>
3809
3810
</html>