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