-
Notifications
You must be signed in to change notification settings - Fork 266
/
Copy pathtext-equiv-all.xml
813 lines (810 loc) · 39.3 KB
/
text-equiv-all.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE div2
SYSTEM "../xmlspec.dtd">
<div2 role="extsrc" id="text-equiv-all">
<head>1.1.1</head>
<div3 role="intent">
<head>Intent of this Success Criterion</head>
<p>The intent of this Success Criterion is to make information conveyed by non-text content accessible through the use of a text alternative. Text alternatives are a primary way for making information accessible because they can be rendered through any sensory modality (for example, visual, auditory or tactile) to match the needs of the user. Providing text alternatives allows the information to be rendered in a variety of ways by a variety of user agents. For example, a person who cannot see a picture can have the text alternative read aloud using synthesized speech. A person who cannot hear an audio file can have the text alternative displayed so that he or she can read it. In the future, text alternatives will also allow information to be more easily translated into sign language or into a simpler form of the same language.</p>
<div4>
<head>
Note on CAPTCHA
</head>
<p>
<abbr expansion="Completely Automated Public Turing test to tell Computers and Humans Apart">CAPTCHAs</abbr> are a controversial topic in the accessibility community. As is described in the paper <loc href="http://www.w3.org/TR/turingtest/">Inaccessibility of CAPTCHA</loc>, CAPTCHAs intrinsically push the edges of human abilities in an attempt to defeat automated processes. Every type of CAPTCHA will be unsolvable by users with certain disabilities. However, they are widely used, and the Web Content Accessibility Guidelines Working Group believes that if CAPTCHAs were forbidden outright, Web sites would choose not to conform to WCAG rather than abandon CAPTCHA. This would create barriers for a great many more users with disabilities. For this reason the Working Group has chosen to structure the requirement about CAPTCHA in a way that meets the needs of most people with disabilities, yet is also considered adoptable by sites. Requiring two different forms of CAPTCHA on a given site ensures that most people with disabilities will find a form they can use.</p>
<p>Because some users with disabilities will still not be able to access sites that meet the minimum requirements, the Working Group provides recommendations for additional steps. Organizations motivated to conform to WCAG should be aware of the importance of this topic and should go as far beyond the minimum requirements of the guidelines as possible. Additional recommended steps include:</p>
<ulist>
<item>
<p>Providing more than two modalities of CAPTCHAs</p>
</item>
<item>
<p>Providing access to a human customer service representative who can bypass CAPTCHA</p>
</item>
<item>
<p>Not requiring CAPTCHAs for authorized users</p>
</item>
</ulist>
</div4>
<div4>
<head>Additional information</head>
<p>Non-text content can take a number of forms, and this Success Criterion specifies how each is to be handled.</p>
<p>
<emph role="bold">
For non-text content that is not covered by one of the other situations listed below,</emph>
such as charts, diagrams, audio recordings, pictures, and animations, text alternatives can make the same information available in a form that can be rendered through any modality (for example, visual, auditory or tactile). Short and long text alternatives can be used as needed to convey the information in the non-text content. Note that <emph role="bold">
prerecorded
audio-only</emph> and
<emph role="bold"> prerecorded
video-only</emph> files are covered here. <emph role="bold">
Live-audio-only</emph> and <emph role="bold">
Live-video-only</emph> files are covered below (see 3rd paragraph following this one). </p>
<p>
<emph role="bold">
For non-text content that is a control or accepts user input</emph>, such as images used as submit buttons, image maps or complex animations, a name is provided to describe the purpose of the non-text content so that the person at least knows what the non-text content is and why it is there.</p>
<p>
<emph role="bold">
Non-text content that is time-based media</emph>
is made accessible through <specref ref="media-equiv"/>. However, it is important that users know what it is when they encounter it on a page so they can decide what action if any they want to take with it. A text alternative that describes the time-based media and/or gives its title is therefore provided. </p>
<p>
<emph role="bold">
For Live Audio-only and live video-only content</emph>, it can be much more difficult to provide text alternatives that provide equivalent information as live audio-only and live video-only content. For these types of non-text content, text alternatives provide a descriptive label.
</p>
<p>
<emph role="bold">
Sometimes a test or exercise must be partially or completely presented in non-text format.</emph> Audio or visual information is provided that cannot be changed to text because the test or exercise must be conducted using that sense. For example, a hearing test would be invalid if a text alternative were provided. A visual skill development exercise would similarly make no sense in text form. And a spelling test with text alternatives would not be very effective. For these cases, text alternatives should be provided to describe the purpose of the non-text content; of course, the text alternatives would not provide the same information needed to pass the test. </p>
<p>
<emph role="bold">
Sometimes content is primarily intended to create a specific sensory experience</emph> that words cannot fully capture. Examples include a symphony performance, works of visual art etc. For such content, text alternatives at least identify the non-text content with a descriptive label and where possible, additional descriptive text. If the reason for including the content in the page is known and can be described it is helpful to include that information. </p>
<p>
<emph role="bold">Sometimes there are non-text exercises that are used to prove you are human.</emph> To avoid spam robots and other software from gaining access to a site a device called a CAPTCHA is used. These usually involve visual or auditory tasks that are beyond the current capabilities of Web robots. Providing a text alternative to them would however make them operable by Robots, thus defeating their purpose. In this case a text alternative would describe the purpose of the CAPTCHA, and alternate forms using different modalities would be provided to address the needs of people with different disabilities.</p>
<p>
<emph role="bold">
Sometimes there is non-text content that really is not meant to be seen or understood by the user.</emph> Transparent images used to move text over on a page; an invisible image that is used to track usage statistics; and a swirl in the corner that conveys no information but just fills up a blank space to create an aesthetic effect are all examples of this. Putting alternative text on such items just distracts people using screen readers from the content on the page. Not marking the content in any way, though, leaves users guessing what the non-text content is and what information they may have missed (even though they have not missed anything in reality). This type of non-text content, therefore, is marked or implemented in a way that assistive technologies (AT) will ignore it and not present anything to the user.</p>
</div4>
<div4 role="benefits">
<head>Benefits of this Success Criterion</head>
<ulist>
<item>
<p>This Success Criterion helps people who have difficulty perceiving visual content. Assistive technology can read text aloud, present it visually, or convert it to braille.</p>
</item>
<item>
<p>Text alternatives may help some people who have difficulty understanding the meaning of photographs, drawings, and other images (e.g., line drawings, graphic designs, paintings, three-dimensional representations), graphs, charts, animations, etc.
</p>
</item>
<item>
<p>
People who are deaf, are hard of hearing, or who are having trouble understanding audio information for any reason can read the text presentation. Research is ongoing regarding automatic translation of text into sign language.
</p>
</item>
<item>
<p>
People who are deaf-blind can read the text in braille.
</p>
</item>
<item>
<p>
Additionally, text alternatives support the ability to search for non-text content and to repurpose content in a variety of ways.
</p>
</item>
</ulist>
</div4>
</div3>
<div3 role="examples">
<head>Examples for this Success Criterion</head>
<olist>
<item>
<p>
<emph role="bold">A data chart</emph>
</p>
<p>A bar chart compares how many widgets were sold in June, July, and August. The short label says, "Figure one - Sales in June, July and August." The longer description identifies the type of chart, provides a high-level summary of the data, trends and implications comparable to those available from the chart. Where possible and practical, the actual data is provided in a table.
</p>
</item>
<item>
<p>
<emph role="bold">An audio recording of a speech</emph>
</p>
<p>The link to an audio clip says, "Chairman's speech to the assembly." A link to a text transcript is provided immediately after the link to the audio clip.
</p>
</item>
<item>
<p>
<emph role="bold">An animation that illustrates how a car engine works</emph>
</p>
<p>An animation shows how a car engine works. There is no audio and the animation is part of a tutorial that describes how an engine works. Since the text of the tutorial already provides a full explanation, the image is an alternative for text and the text alternative includes only a brief description of the animation and refers to the tutorial text for more information.
</p>
</item>
<item>
<p>
<emph role="bold">A traffic Web camera</emph>
</p>
<p>A Web site allows users to select from a variety of Web cameras positioned throughout a major city. After a camera is selected, the image updates every two minutes. A short text alternative identifies the Web camera as "traffic Web camera." The site also provides a table of travel times for each of the routes covered by the Web cameras. The table is also updated every two minutes.
</p>
</item>
<item>
<p>
<emph role="bold">A photograph of an historic event in a news story</emph>
</p>
<p>A photograph of two world leaders shaking hands accompanies a news story about an international summit meeting. The text alternative says, "President X of Country X shakes hands with Prime Minister Y of country Y."
</p>
</item>
<item>
<p>
<emph role="bold">A photograph of a historic event in content discussing diplomatic relationships</emph>
</p>
<p> The same image is used in a different context intended to explain nuances in diplomatic encounters. The image of the president shaking hands with the prime minister appears on a Web site discussing intricate diplomatic relationships. The first text alternative reads, "President X of country X shakes hands with Prime Minister Y of country Y on January 2, 2009." An additional text alternative describes the room where the leaders are standing as well as the expressions on the leaders' faces, and identifies the other people in the room. The additional description might be included on the same page as the photograph or in a separate file associated with the image through a link or other standard programmatic mechanism.
</p>
</item>
<item>
<p>
<emph role="bold">An audio recording of a press conference </emph>
</p>
<p>A Web page includes a link to an audio recording of a press conference. The link text identifies the audio recording. The page also links to a text transcript of the press conference. The transcript includes a verbatim record of everything the speakers say. It identifies who is speaking as well as noting other significant sounds that are part of the recording, such as applause, laughter, questions from the audience, and so on.
</p>
</item>
<item>
<p>
<emph role="bold">
An e-learning application
</emph>
</p>
<p>
An e-learning application uses sound effects to indicate whether or not the answers are correct. The chime sound indicates that the answer is correct and the beep sound indicates that the answer is incorrect. A text description is also included so that people who can't hear or understand the sound understand whether the answer is correct or incorrect.
</p>
</item>
<item>
<p>
<emph role="bold">
A linked thumbnail image
</emph>
</p>
<p>A thumbnail image of the front page of a newspaper links to the home page of the "Smallville Times". The text alternative says "Smallville Times".
</p>
</item>
<item>
<p>
<emph role="bold">
The same image used on different sites
</emph>
</p>
<p>Different alternatives for an image of the world: An image of the world that is used on a travel site as a link to the International Travel section has the text alternative "International Travel". The same image is used as a link on a university Web site with the text alternative "International Campuses".
</p>
</item>
<item>
<p>
<emph role="bold">
An image map
</emph>
</p>
<p>An image of a building floor plan is interactive, allowing the user to select a
particular room and navigate to a page containing information about that room.
The short text alternative describes the image and its interactive purpose:
"Building floor plan. Select a room for more information."</p>
</item>
</olist>
</div3>
<div3 role="resources">
<head>Resources for this Success Criterion </head>
<ulist>
<item>
<p>
<loc href="http://www.w3.org/2000/08/nba-manual/Overview.html">Excerpts from the NBA Tape Recording Manual, Third Edition</loc>
</p>
</item>
<item>
<p>
<loc href="http://www.w3.org/TR/turingtest/">Inaccessibility of CAPTCHA</loc>
</p>
</item>
<item>
<p>
<loc href="https://stuffandnonsense.co.uk/archives/accessible_alternatives.html">All That Malarkey: Accessible Alternatives</loc>
</p>
</item>
<item>
<p>
<loc href="http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/">456 Berea Street: The Alt and Title Attributes</loc>
</p>
</item>
<item>
<p>
<loc href="http://green-beast.com/blog/?p=81">The Alt and Accessibility</loc>
</p>
</item>
<item>
<p>
<loc href="http://www.accessibilitynews.ca/cwdo/resources/resources.php?resources=187">Better Connected, Better Results: Alt Text</loc>
</p>
</item>
</ulist>
</div3>
<div3 role="techniques">
<head>Techniques for Addressing Success Criterion 1.1.1</head>
<div4 role="sufficient">
<head/>
<div5 role="situation">
<head>Situation A: If a short description can serve the same purpose and present the same information as the non-text content:</head>
<olist>
<item>
<p>
<loc href="G94"
linktype="general">Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content</loc> using one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-a-shorttext">Short text alternative techniques for Situation A</loc>
</emph>:</p>
</item>
</olist>
<p id="text-equiv-all-situation-a-shorttext">
<emph role="bold">Short text alternative techniques for Situation A</emph>:</p>
<ulist id="text-equiv-all-situation-a-shorttext-techs">
<item>
<p>
<loc href="ARIA6" linktype="aria"/>
</p>
</item>
<item>
<p>
<loc href="ARIA10"
linktype="aria"/>
</p>
</item>
<item>
<p>
<loc href="G196"
linktype="general"/>
</p>
</item>
<item>
<p>
<loc href="FLASH1"
linktype="flash"
role="flash"/>
</p>
</item>
<item>
<p>
<loc href="FLASH5"
linktype="flash"
role="flash"/>
</p>
</item>
<item>
<p>
<loc href="FLASH28"
linktype="flash"
role="flash"/>
</p>
</item>
<item>
<p>
<loc href="H2"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H35"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H37"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H53"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H86"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="PDF1"
linktype="pdf"
role="pdf"/>
</p>
</item>
<item>
<p>
<loc href="SL5"
linktype="silverlight"
role="silverlight"/>
</p>
</item>
</ulist>
</div5>
<div5 role="situation">
<head>Situation B: If a short description can <emph role="bold">not</emph> serve the same purpose and present the same information as the non-text content (e.g., a chart or diagram):</head>
<olist>
<item>
<p>
<loc href="G95"
linktype="general">Providing short text alternatives that provide a brief description of the non-text content</loc> using one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-b-shorttext">Short text alternative techniques for Situation B</loc>
</emph>
<emph role="bold">AND</emph> one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-b-longtext">Long text alternative techniques for Situation B</loc>
</emph>:</p>
</item>
</olist>
<p id="text-equiv-all-situation-b-shorttext">
<emph role="bold">Short text alternative techniques for Situation B</emph>:</p>
<p use-id="text-equiv-all-situation-a-shorttext-techs"/>
<p id="text-equiv-all-situation-b-longtext">
<emph role="bold">Long text alternative techniques for Situation B</emph>:</p>
<ulist id="text-equiv-all-situation-b-longtext-techs">
<item>
<p>
<loc href="ARIA15"
linktype="aria"/>
</p>
</item>
<item>
<p>
<loc href="G73"
linktype="general"/>
</p>
</item>
<item>
<p>
<loc href="G74"
linktype="general"/>
</p>
</item>
<item>
<p>
<loc href="G92"
linktype="general"/>
</p>
</item>
<item>
<p>
<loc href="FLASH2"
linktype="flash"
role="flash"/>
</p>
</item>
<item>
<p>
<loc href="FLASH11"
linktype="flash"
role="flash"/>
</p>
</item>
<item>
<p>
<loc href="H45"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H53"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="SL8"
linktype="silverlight"
role="silverlight"/>
</p>
</item>
</ulist>
</div5>
<div5 role="situation">
<head>Situation C: If non-text content is a control or accepts user input:</head>
<olist>
<item>
<p>
<loc href="G82"
linktype="general">Providing a text alternative that identifies the purpose of the non-text content</loc> using one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-c-controls">Text alternative techniques for controls and input for Situation C</loc>
</emph>:</p>
</item>
</olist>
<p id="text-equiv-all-situation-c-controls">
<emph role="bold">Text alternative techniques for controls and input for Situation C</emph>:</p>
<ulist id="text-equiv-all-situation-c-controls-techs">
<item>
<p>
<loc href="ARIA6" linktype="aria"/>
</p>
</item>
<item>
<p>
<loc href="ARIA9" linktype="aria"/>
</p>
</item>
<item>
<p>
<loc href="FLASH6"
linktype="flash"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="FLASH25"
linktype="flash"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="FLASH27"
linktype="flash"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="FLASH29"
linktype="flash"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="FLASH30"
linktype="flash"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="FLASH32"
linktype="flash"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H24"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H30"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H36"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H44"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="H65"
linktype="html"
role="html"/>
</p>
</item>
<item>
<p>
<loc href="SL18"
linktype="silverlight"
role="silverlight"/>
</p>
</item>
<item>
<p>
<loc href="SL26"
linktype="silverlight"
role="silverlight"/>
</p>
</item>
<item>
<p>
<loc href="SL30"
linktype="silverlight"
role="silverlight"/>
</p>
</item>
</ulist>
</div5>
<div5 role="situation">
<head>Situation D: If non-text content is time-based media (including live video-only and live audio-only); a test or exercise that would be invalid if presented in text; or primarily intended to create a specific sensory experience:</head>
<olist>
<item>
<p>Providing a descriptive label using one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-d-shorttext">Short text alternative techniques for Situation D</loc>
</emph>:</p>
</item>
<item>
<p>
<loc href="G68"
linktype="general">Providing a descriptive label that describes the purpose of live audio-only and live video-only content</loc> using one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-d-shorttext">Short text alternative techniques for Situation D</loc>
</emph>:</p>
</item>
<item>
<p>
<loc href="G100"
linktype="general">Providing the accepted name or a descriptive name of the non-text content</loc> using one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-d-shorttext">Short text alternative techniques for Situation D</loc>
</emph>:</p>
</item>
</olist>
<p id="text-equiv-all-situation-d-shorttext">
<emph role="bold">Short text alternative techniques for Situation D</emph>:</p>
<p use-id="text-equiv-all-situation-a-shorttext-techs"/>
</div5>
<div5 role="situation">
<head>Situation E: If non-text content is a CAPTCHA:</head>
<olist>
<item>
<p>
<loc href="G143"
linktype="general">Providing a text alternative that describes the purpose of the CAPTCHA</loc>
<emph role="bold">AND</emph>
<loc href="G144"
linktype="general">Ensuring that the Web Page contains another CAPTCHA serving the same purpose using a different modality</loc>
</p>
</item>
</olist>
</div5>
<div5 role="situation">
<head>Situation F: If the non-text content should be ignored by assistive technology:</head>
<olist>
<item>
<p>Implementing or marking the non-text content so that it will be ignored by assistive technology using one of the following <emph role="bold">
<loc href="#text-equiv-all-situation-f-notrequired">Techniques to indicate that text alternatives are not required for Situation F</loc>
</emph>:</p>
</item>
</olist>
<p id="text-equiv-all-situation-f-notrequired">
<emph role="bold">Techniques to indicate that text alternatives are not required for Situation F</emph>:</p>
<ulist id="text-equiv-all-situation-f-notrequired-techs">
<item>
<p>
<loc href="C9" linktype="css">Using CSS to include decorative images</loc>
</p>
</item>
<item>
<p>
<loc href="FLASH3"
linktype="flash">Marking objects in Flash so that they can be ignored by AT</loc>
</p>
</item>
<item>
<p>
<loc href="H67" linktype="html">Using null alt text and no title attribute on img elements for images that AT should ignore</loc>
</p>
</item>
<item>
<p>
<loc href="PDF4" linktype="pdf"/>
</p>
</item>
</ulist>
</div5>
</div4>
<div4 role="tech-optional">
<head>Optional Techniques (Advisory) for 1.1.1</head>
<div5>
<head>General Techniques for Informative Non-Text Content (Advisory)</head>
<ulist>
<item>
<p>Identifying informative non-text content (future link)</p>
</item>
<item>
<p>Keeping short descriptions short (future link)</p>
</item>
<item>
<p>Describing images that include text (future link)</p>
</item>
<item>
<p>Providing a longer description of the non-text content where only a descriptive label is required using a technology-specific technique (for an accessibility-supported content technology) for long description listed above (future link)</p>
</item>
<item>
<p>Providing different sizes for non-text content when it cannot have an equivalent accessible alternative (future link)</p>
</item>
<item>
<p>Using server-side scripts to resize images of text (future link)</p>
</item>
</ulist>
</div5>
<div5>
<head>General Techniques for Live Non-Text Content (Advisory)</head>
<ulist>
<item>
<p>Linking to textual information that provides comparable information (e.g., for a traffic Webcam, a municipality could provide a link to the text traffic report.) (future link)</p>
</item>
</ulist>
</div5>
<div5>
<head>General techniques to minimize the barrier of CAPTCHAs</head>
<!-- Note: use WG notes to issue 1940 as starter material for these techniques -->
<ulist>
<item>
<p>Providing more than two modalities of CAPTCHAs (future link)</p>
</item>
<item>
<p>Providing access to a human customer service representative who can bypass CAPTCHA (future link)</p>
</item>
<item>
<p>Not requiring CAPTCHAs for authorized users (future link)</p>
</item>
</ulist>
</div5>
<div5>
<head>HTML Techniques (Advisory)</head>
<ulist>
<item>
<p>
<loc href="H46" linktype="html">Using noembed with embed</loc>
</p>
</item>
<item>
<p>
Writing for browsers that do not support frame (future link)
</p>
</item>
<item>
<p>
Providing alternative content for iframe (future link)
</p>
</item>
<item>
<p>
Not using long descriptions for iframe (future link)
</p>
</item>
<item>
<p>
Providing redundant text links for client-side image maps (future link)
</p>
</item>
</ulist>
</div5>
<div5>
<head role="css">CSS Techniques (Advisory)</head>
<ulist>
<item role="css">
<p>
<loc href="C18" linktype="css">Using CSS margin and padding rules instead of spacer images</loc>
</p>
</item>
<item role="css">
<p>
Using CSS background, :before or :after rules for decorative images instead of img elements (future link)
</p>
</item>
<item role="css">
<p>Displaying empty table cells (future link)</p>
</item>
</ulist>
</div5>
<div5>
<head role="aria">WAI-ARIA Techniques (Advisory)</head>
<ulist>
<item role="aria">
<p>Using the ARIA presentation role to indicate elements are purely presentational (future link)
</p>
</item>
</ulist>
</div5>
<div5>
<head role="silverlight">Silverlight Techniques (Advisory)</head>
<ulist>
<item role="silverlight">
<p>
<loc href="SL19"
linktype="silverlight"/>
</p>
</item>
</ulist>
</div5>
<div5>
<head>Metadata Techniques (Advisory)</head>
<ulist>
<item>
<p> Using metadata to associate text transcriptions with a video (future link) </p>
</item>
<item>
<p> Using metadata to associate text transcriptions with audio-only content (future link)</p>
<ulist>
<item>
<p> EXAMPLE: Providing, in metadata, URI(s) that points to an audio description and a text transcript of a video. </p>
</item>
<item>
<p> EXAMPLE: Providing, in metadata, URI(s) that point to several text transcripts (English, French, Dutch) of an audio file. </p>
</item>
</ulist>
</item>
</ulist>
</div5>
</div4>
<div4 role="failures">
<head/>
<ulist>
<item role="css">
<p>
<loc href="F3" linktype="failure">Failure due to using CSS to include images that convey important information</loc>
</p>
</item>
<item>
<p>
<loc href="F13"
linktype="failure">Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image</loc>
</p>
</item>
<item>
<p>
<loc href="F20"
linktype="failure">Failure due to not updating text alternatives when changes to non-text content occur</loc>
</p>
</item>
<item>
<p>
<loc href="F30"
linktype="failure">Failure due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)</loc>
</p>
</item>
<item role="html">
<p>
<loc href="F38"
linktype="failure">Failure due to omitting the alt-attribute for non-text content used for decorative purposes only in HTML</loc>
</p>
</item>
<item>
<p>
<loc href="F39"
linktype="failure">Failure due to providing a text alternative that is not null. (e.g., alt="spacer" or alt="image") for Images that should be ignored by AT</loc>
</p>
</item>
<item>
<p>
<loc href="F65"
linktype="failure">Failure of 1.1.1 due to omitting the alt attribute on img elements, area elements, and input elements of type "image"</loc>
</p>
</item>
<item>
<p>
<loc href="F67"
linktype="failure">Failure of 1.1.1 due to providing long description for non-text content that does not serve the same purpose or does not present the same information</loc>
</p>
</item>
<item>
<p>
<loc href="F71"
linktype="failure">Failure of Success Criterion 1.1.1 due to using text look-alikes to represent text without providing a text alternative</loc>
</p>
</item>
<item>
<p>
<loc href="F72"
linktype="failure">Failure of Success Criterion 1.1.1 due to using ASCII art without providing a text alternative</loc>
</p>
</item>
</ulist>
</div4>
</div3>
</div2>