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