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