-
Notifications
You must be signed in to change notification settings - Fork 2
/
wcag21.html
3930 lines (2549 loc) · 332 KB
/
wcag21.html
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
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="generator" content="ReSpec 21.0.1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>/* --- ISSUES/NOTES --- */
.conformance-level {
display:inline;
}
.change {
display:inline;
}
.doclinks {
float: right;
border: thin solid black;
font-size: x-small;
display: block;
width: 33%;
hyphens: none;
margin-left: 10px;
}
.sc dt {
display: list-item;
list-style-type: disc;
float: left;
font-weight: bold;
margin-left: 2em;
margin-right: 1ex;
line-height: 1.5;
}
.sc dt:after {
content: ":";
}
div.note-title, div.ednote-title {
color: #008400
}
span.screenreader {position: absolute; left: -10000px}
/* section#time-based-media {
margin-top: -200px;
}*/
div.issue-title, div.note-title , div.ednote-title, div.warning-title {
padding-right: 1em;
min-width: 7.5em;
color: #b9ab2d;
}
div.issue-title { color: #e05252; }
div.note-title, div.ednote-title { color: #2b2; }
div.warning-title { color: #f22; }
div.issue-title span, div.note-title span, div.ednote-title span, div.warning-title span {
text-transform: uppercase;
}
div.note, div.issue, div.ednote, div.warning {
margin-top: 1em;
margin-bottom: 1em;
}
.note > p:first-child, .ednote > p:first-child, .issue > p:first-child, .warning > p:first-child { margin-top: 0 }
.issue, .note, .ednote, .warning {
padding: .5em;
border-left-width: .5em;
border-left-style: solid;
}
div.issue, div.note , div.ednote, div.warning {
padding: 1em 1.2em 0.5em;
margin: 1em 0;
position: relative;
clear: both;
}
span.note, span.ednote, span.issue, span.warning { padding: .1em .5em .15em; }
.issue {
border-color: #e05252;
background: #fbe9e9;
}
.note, .ednote {
border-color: #52e052;
background: #e9fbe9;
}
.warning {
border-color: #f11;
border-width: .2em;
border-style: solid;
background: #fbe9e9;
}
.warning-title:before{
content: "⚠"; /*U+26A0 WARNING SIGN*/
font-size: 3em;
float: left;
height: 100%;
padding-right: .3em;
vertical-align: top;
margin-top: -0.5em;
}
li.task-list-item {
list-style: none;
}
input.task-list-item-checkbox {
margin: 0 0.35em 0.25em -1.6em;
vertical-align: middle;
}
.issue a.respec-gh-label {
padding: 5px;
margin: 0 2px 0 2px;
font-size: 10px;
text-transform: none;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
position: relative;
bottom: 2px;
}
.issue a.respec-label-dark {
color: #fff;
background-color: #000;
}
.issue a.respec-label-light {
color: #000;
background-color: #fff;
}
</style><style>/* --- PERMALINKS --- */
.permalink {
width: 1px;
height: 1px;
overflow: visible;
font-size: 10pt;
font-style: normal;
vertical-align: middle;
margin-left: 4px;
float: right;
}
.permalink a, .permalink a:link, .permalink a:visited, .permalink a:hover, .permalink a:focus, .permalink a:active {
background:transparent !important;
text-decoration:none;
font-weight: bold;
color:#666 !important;
}
.permalink abbr {
border:0;
}
</style>
<title>Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1 - Português</title>
<link rel="stylesheet" type="text/css" href="guidelines.css">
<style id="respec-mainstyle">/*****************************************************************
* ReSpec 3 CSS
* Robin Berjon - http://berjon.com/
*****************************************************************/
/* Override code highlighter background */
.hljs {
background: transparent !important;
}
/* --- INLINES --- */
h1 abbr,
h2 abbr,
h3 abbr,
h4 abbr,
h5 abbr,
h6 abbr,
a abbr {
border: none;
}
dfn {
font-weight: bold;
}
a.internalDFN {
color: inherit;
border-bottom: 1px solid #99c;
text-decoration: none;
}
a.externalDFN {
color: inherit;
border-bottom: 1px dotted #ccc;
text-decoration: none;
}
a.bibref {
text-decoration: none;
}
cite .bibref {
font-style: normal;
}
code {
color: #c83500;
}
th code {
color: inherit;
}
/* --- TOC --- */
.toc a,
.tof a {
text-decoration: none;
}
a .secno,
a .figno {
color: #000;
}
ul.tof,
ol.tof {
list-style: none outside none;
}
.caption {
margin-top: 0.5em;
font-style: italic;
}
/* --- TABLE --- */
table.simple {
border-spacing: 0;
border-collapse: collapse;
border-bottom: 3px solid #005a9c;
}
.simple th {
background: #005a9c;
color: #fff;
padding: 3px 5px;
text-align: left;
}
.simple th[scope="row"] {
background: inherit;
color: inherit;
border-top: 1px solid #ddd;
}
.simple td {
padding: 3px 10px;
border-top: 1px solid #ddd;
}
.simple tr:nth-child(even) {
background: #f0f6ff;
}
/* --- DL --- */
.section dd > p:first-child {
margin-top: 0;
}
.section dd > p:last-child {
margin-bottom: 0;
}
.section dd {
margin-bottom: 1em;
}
.section dl.attrs dd,
.section dl.eldef dd {
margin-bottom: 0;
}
#issue-summary > ul,
.respec-dfn-list {
column-count: 2;
}
#issue-summary li,
.respec-dfn-list li {
list-style: none;
}
details.respec-tests-details {
margin-left: 1em;
display: inline-block;
vertical-align: top;
}
details.respec-tests-details > * {
padding-right: 2em;
}
details.respec-tests-details[open] {
z-index: 999999;
position: absolute;
border: thin solid #cad3e2;
border-radius: .3em;
background-color: white;
padding-bottom: .5em;
}
details.respec-tests-details[open] > summary {
border-bottom: thin solid #cad3e2;
padding-left: 1em;
margin-bottom: 1em;
line-height: 2em;
}
details.respec-tests-details > ul {
width: 100%;
margin-top: -0.3em;
}
details.respec-tests-details > li {
padding-left: 1em;
}
@media print {
.removeOnSave {
display: none;
}
}
</style><link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2016/W3C-REC"><link rel="canonical" href="https://www.w3.org/TR/WCAG21/"><script id="initialUserConfig" type="application/json">{
"trace": true,
"useExperimentalStyles": true,
"doRDFa": "1.1",
"includePermalinks": true,
"permalinkEdge": true,
"permalinkHide": false,
"tocIntroductory": true,
"specStatus": "REC",
"errata": "https://www.w3.org/WAI/WCAG21/errata/",
"publishDate": "2018-06-05",
"diffTool": "http://www.aptest.com/standards/htmldiff/htmldiff.pl",
"shortName": "WCAG21",
"copyrightStart": "2017",
"license": "document",
"previousPublishDate": "2018-04-24",
"previousMaturity": "PR",
"implementationReportURI": "https://www.w3.org/WAI/WCAG21/implementation-report/",
"prevRecURI": "https://www.w3.org/TR/2008/REC-WCAG20-20081211/",
"edDraftURI": "https://w3c.github.io/wcag/21/guidelines/",
"editors": [
{
"name": "Andrew Kirkpatrick",
"url": "http://www.adobe.com/",
"mailto": "[email protected]",
"company": "Adobe",
"companyURI": "http://www.adobe.com/",
"w3cid": 39770
},
{
"name": "Joshue O Connor",
"url": "http://interaccess.ie/",
"mailto": "[email protected]",
"company": "Especialista Convidado, InterAccess",
"companyURI": "http://interaccess.ie/",
"w3cid": 41218
},
{
"name": "Alastair Campbell",
"url": "https://www.nomensa.com/",
"mailto": "[email protected]",
"company": "Nomensa",
"companyURI": "https://www.nomensa.com/",
"w3cid": 44689
},
{
"name": "Michael Cooper",
"url": "https://www.w3.org",
"mailto": "[email protected]",
"company": "W3C",
"companyURI": "https://www.w3.org",
"w3cid": 34017
}
],
"formerEditors": [
{
"name": "Ben Caldwell",
"company": "Trace R&D Center, University of Wisconsin-Madison",
"w3cid": 33602
},
{
"name": "Loretta Guarino Reid",
"company": "Google, Inc.",
"w3cid": 35436
},
{
"name": "Gregg Vanderheiden",
"company": "Trace R&D Center, University of Wisconsin-Madison",
"w3cid": 3442
},
{
"name": "Wendy Chisholm",
"company": "W3C",
"w3cid": 4099
},
{
"name": "John Slatin",
"company": "Accessibility Institute, University of Texas at Austin",
"w3cid": 35537
},
{
"name": "Jason White",
"company": "University of Melbourne",
"w3cid": 74028
}
],
"wg": "Accessibility Guidelines Working Group",
"wgURI": "https://www.w3.org/WAI/GL/",
"wgPublicList": "public-agwg-comments",
"wgPatentURI": "https://www.w3.org/2004/01/pp-impl/35422/status",
"maxTocLevel": 4,
"localBiblio": {
"CAPTCHA": {
"href": "http://www.captcha.net/",
"publisher": "Carnegie Mellon University",
"title": "The CAPTCHA Project"
},
"GPII": {
"href": "https://gpii.net/",
"title": "Global Public Inclusive Infrastructure"
},
"HARDING-BINNIE": {
"authors": [
"Harding G. F. A.",
"Binnie, C.D."
],
"date": "2002",
"title": "Independent Analysis of the ITC Photosensitive Epilepsy Calibration Test Tape"
},
"IEC-4WD": {
"date": "May 5, 1998",
"title": "IEC/4WD 61966-2-1: Colour Measurement and Management in Multimedia Systems and Equipment - Part 2.1: Default Colour Space - sRGB"
},
"ISO_9241-112": {
"uri": "https://www.iso.org/standard/64840.html",
"title": "Ergonomics of human-system interaction -- Part 112: Principles for the presentation of information",
"publisher": "International Standards Organization"
},
"sRGB": {
"authors": [
"M. Stokes",
"M. Anderson",
"S. Chandrasekar",
"R. Motta"
],
"date": "November 5, 1996",
"href": "https://www.w3.org/Graphics/Color/sRGB.html",
"title": "A Standard Default Color Space for the Internet - sRGB, Version 1.10"
},
"UNESCO": {
"date": "1997",
"href": "http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm",
"title": "International Standard Classification of Education"
}
},
"postProcess": [
null,
null
],
"publishISODate": "2018-06-05T00:00:00.000Z",
"generatedSubtitle": "Recommendation 05 June 2018"
}</script><meta name="description" content="Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general."></head>
<body class="h-entry"><div class="head">
<a href="https://www.w3.org/" class="logo">
<img alt="W3C" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C" width="72" height="48">
</a>
<h1 id="title" class="title p-name">Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1</h1>
<h2 id="w3c-recommendation-05-june-2018">Recomendação <abbr title="World Wide Web Consortium">W3C</abbr> <time class="dt-published" datetime="2018-06-05">de 05 de Junho de 2018</time></h2>
<dl>
<dt>Esta versão (em inglês):</dt><dd><a class="u-url" href="https://www.w3.org/TR/2018/REC-WCAG21-20180605/">https://www.w3.org/TR/2018/REC-WCAG21-20180605/</a></dd>
<dt>Última versão publicada (em inglês):</dt><dd><a href="https://www.w3.org/TR/WCAG21/">https://www.w3.org/TR/WCAG21/</a></dd>
<dt>Último rascunho do editor:</dt><dd><a href="https://w3c.github.io/wcag/21/guidelines/">https://w3c.github.io/wcag/21/guidelines/</a></dd>
<dt>Relatório de implementação:</dt><dd><a href="https://www.w3.org/WAI/WCAG21/implementation-report/">https://www.w3.org/WAI/WCAG21/implementation-report/</a></dd>
<dt>Versão anterior (em inglês):</dt><dd><a href="https://www.w3.org/TR/2018/PR-WCAG21-20180424/">https://www.w3.org/TR/2018/PR-WCAG21-20180424/</a></dd>
<dt>Recomendação anterior (em inglês):</dt><dd><a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">https://www.w3.org/TR/2008/REC-WCAG20-20081211/</a></dd>
<dt>Editores:</dt>
<dd class="p-author h-card vcard" data-editor-id="39770"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Andrew Kirkpatrick</a> (Adobe)</dd><dd class="p-author h-card vcard" data-editor-id="41218"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Joshue O Connor</a> (Especialista Convidado, InterAccess)</dd><dd class="p-author h-card vcard" data-editor-id="44689"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Alastair Campbell</a> (Nomensa)</dd><dd class="p-author h-card vcard" data-editor-id="34017"><a class="ed_mailto u-email email p-name" href="mailto:[email protected]">Michael Cooper</a> (<abbr title="World Wide Web Consortium">W3C</abbr>)</dd>
<dt>Editores das WCAG 2.0 (até dezembro de 2008):</dt><dd class="p-author h-card vcard" data-editor-id="33602"><span class="p-name fn">Ben Caldwell</span> (Trace R&D Center, Universidade de Wisconsin-Madison)</dd><dd class="p-author h-card vcard" data-editor-id="35436"><span class="p-name fn">Loretta Guarino Reid</span> (Google, Inc.)</dd><dd class="p-author h-card vcard" data-editor-id="3442"><span class="p-name fn">Gregg Vanderheiden</span> (Trace R&D Center, Universidade de Wisconsin-Madison)</dd><dd class="p-author h-card vcard" data-editor-id="4099"><span class="p-name fn">Wendy Chisholm</span> (<abbr title="World Wide Web Consortium">W3C</abbr>)</dd><dd class="p-author h-card vcard" data-editor-id="35537"><span class="p-name fn">John Slatin</span> (Instituto de Acessibilidade da Universidade do Texas em Austin)</dd><dd class="p-author h-card vcard" data-editor-id="74028"><span class="p-name fn">Jason White</span> (Universidade de Melbourne)</dd>
</dl>
<p>
Consulte a <a href="https://www.w3.org/WAI/WCAG21/errata/"><strong> errata </strong></a>(em inglês) deste documento que poderá conter correções normativas.
</p>
<p>
Consulte também outras <a href="https://www.w3.org/WAI/standards-guidelines/wcag/translations/">
<strong> traduções </strong></a>.
</p>
<p> Este documento também está disponível em versões não normativas, disponíveis em <a href="https://www.w3.org/WAI/WCAG21/versions/"> Versões Alternativas das Diretrizes de Acessibilidade para Conteúdo Web 2.1</a>(em inglês).</p>
<p class="copyright">
<a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ©
2017-2018
<a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup>
(<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>,
<a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
<a href="https://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>).
<abbr title="World Wide Web Consortium">W3C</abbr> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and
<a rel="license" href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
rules apply.
</p>
<hr title="Separator for header">
</div>
<section id="abstract" class="introductory"><!--OddPage--><h2 id="abstract-0">Resumo</h2>
<p> As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1 abrangem diversas recomendações com a finalidade de tornar o conteúdo da Web mais acessível. Seguir estas diretrizes irá tornar o conteúdo acessível a um maior número de pessoas com deficiência, incluindo acomodações para cegueira e baixa visão, surdez e baixa audição, limitações de movimentos, incapacidade de fala, fotossensibilidade e combinações destas características, e alguma acomodação para dificuldades de aprendizagem e limitações cognitivas; mas não abordará todas as necessidades de usuários com essas deficiências. Seu conteúdo da Web também ficará mais acessível aos usuários em geral ao seguir estas diretrizes. </p>
<p> Os critérios de sucesso das WCAG 2.1 são escritos como declarações testáveis, que não se referem à tecnologias específicas. Orientações sobre como satisfazer os critérios de sucesso em tecnologias específicas, bem como informações gerais sobre como interpretar os critérios de sucesso, são disponibilizadas em documentos separados. Consulte uma <a href="http://www.w3.org/WAI/standards-guidelines/wcag/"> Visão Geral sobre as Diretrizes de Acessibilidade para Conteúdo Web </a> (em inglês), para uma introdução e links de material técnico e educacional das WCAG. </p>
<p> As WCAG 2.1 estendem as <a href="https://www.w3.org/TR/WCAG20/"> Diretrizes de Acessibilidade para Conteúdo Web 2.0 </a> [<cite><a class="bibref" href="#bib-WCAG20">WCAG20</a></cite>], as quais foram publicadas como Recomendação do <abbr title="World Wide Web Consortium"> W3C </abbr> em dezembro de 2008. Conteúdo em conformidade com as WCAG 2.1 também está em conformidade com as WCAG 2.0. O GT pretende que, para as normas que demandem conformidade com as WCAG 2.0, as WCAG 2.1 possam fornecer um meio alternativo de conformidade. A publicação das WCAG 2.1 não tornam obsoletas ou substituem as WCAG 2.0. Embora as WCAG 2.0 permaneçam como Recomendação do <abbr title="World Wide Web Consortium">W3C</abbr> o <abbr title="World Wide Web Consortium">W3C</abbr> aconselha a utilização das WCAG 2.1 para maximizar esforços futuros de aplicabilidade de acessibilidade. O <abbr title="World Wide Web Consortium">W3C</abbr> também incentiva o uso da versão mais atual das WCAG ao desenvolver ou atualizar políticas de acessibilidade da Web.</p>
</section>
<section id="sotd" class="introductory"><!--OddPage--><h2 id="status-of-this-document">Status Deste Documento</h2><p>
<em> Esta seção descreve o status deste documento no momento de sua publicação. Outros documentos podem substituir esse documento. A lista das atuais publicações do <abbr title="World Wide Web Consortium"> W3C </abbr> e a última revisão deste relatório técnico podem ser encontradas no índice dos relatórios técnicos do <a href="https://www.w3.org/TR/"> índice dos relatórios técnicos do <abbr title="World Wide Web Consortium">W3C</abbr></a> em https://www.w3.org/TR/ (em inglês)</em>.</p>
<p> Esta é uma <a href="https://www.w3.org/2018/Process-20180201/#RecsW3C">Recomendação</a> do W3C (em inglês) das WCAG 2.1 do <a href="https://www.w3.org/WAI/GL/"> Grupo de Trabalho para as Diretrizes de Acessibilidade </a>(em inglês).</p>
<p> Este documento foi revisto por membros do <abbr title="World Wide Web Consortium">W3C</abbr> por desenvolvedores de software, por outros grupos do <abbr title="World Wide Web Consortium">W3C</abbr> e partes interessadas e foi endossado pelo Diretor como uma Recomendação <abbr title="World Wide Web Consortium">W3C</abbr> . É um documento estável e pode ser usado como material de referência ou citado a partir de outro documento. O papel do <abbr title="World Wide Web Consortium"> W3C </abbr> na produção desta Recomendação é chamar a atenção para a especificação e promover a sua implementação para uso geral. Isto melhora a funcionalidade e a interoperabilidade da Web.</p>
<p> Ao publicar esta Recomendação, o <abbr title="World Wide Web Consortium"> W3C </abbr> espera que a funcionalidade especificada nesta Recomendação não seja afetada por alterações nos Valores CSS e no Módulo de Unidades Nível 3 ou por Eventos de Ponteiro Nível 2. O Grupo de Trabalho continuará a rastrear essas especificações. </p>
<p> Para comentar, submeta uma <a href="https://github.com/w3c/wcag/issues/new"> questão (issue) no repositório WCAG do GitHub de WCAG do <abbr title="World Wide Web Consortium">W3C</abbr></a>. O Grupo de Trabalho solicita que comentários públicos sejam registrados como novas questões, uma questão por comentário distinto. Criar uma conta do GitHub para registrar questões é gratuito. Se o registro de questões no GitHub não for viável, envie um e-mail para: <a href="mailto:[email protected]?subject=WCAG%202.1%20public%20comment">[email protected]</a> (<a href="https://lists.w3.org/Archives/Public/public-agwg-comments/">arquivo de comentários</a>). Os comentários recebidos sobre a Recomendação WCAG 2.1 não podem resultar em alterações a esta versão das diretrizes, mas podem ser considerados em errata ou em futuras versões das WCAG. O Grupo de Trabalho não planeja responder formalmente aos comentários. Uma lista de <a href="https://github.com/w3c/wcag/issues/">questões registradas</a> bem como os <a href="http://lists.w3.org/Archives/Public/w3c-wai-gl/"> arquivos das discussões da lista de discussão do GT AG </a> encontram-se disponíveis ao público; e trabalhos futuros realizados pelo Grupo de Trabalho podem abordar os comentários recebidos sobre este documento.</p>
<p> Este documento foi publicado pelo <a href="https://www.w3.org/WAI/GL/"> Grupo de Trabalho de Diretrizes de Acessibilidade </a> como uma recomendação.</p>
<p> Veja, por favor, o <a href="https://www.w3.org/WAI/WCAG21/implementation-report/"> relatório de implementação </a> do Grupo de Trabalho.</p>
<p> Este documento foi revisto por membros do <abbr title="World Wide Web Consortium">W3C</abbr> por desenvolvedores de software, por outros grupos do <abbr title="World Wide Web Consortium">W3C</abbr> e partes interessadas e foi endossado pelo Diretor como uma Recomendação <abbr title="World Wide Web Consortium">W3C</abbr> .
É um documento estável e pode ser usado como material de referência ou citado a partir de outro documento. O papel do <abbr title="World Wide Web Consortium">W3C</abbr> na produção desta Recomendação é chamar a atenção para a especificação e promover a sua implementação para uso geral. Isto melhora a funcionalidade e a interoperabilidade da Web. </p>
<p> Este documento foi produzido por um grupo trabalhando sob a <a href="https://www.w3.org/Consortium/Patent-Policy/"> Politica de Patentes do <abbr title="World Wide Web Consortium"> W3C </abbr></a> (em inglês). O <abbr title="World Wide Web Consortium"> W3C </abbr> mantém uma <a rel="disclosure" href="https://www.w3.org/2004/01/pp-impl/35422/status"> lista pública de patentes divulgadas </a> (em inglês) relacionadas com os resultados do grupo; essa página também inclui instruções para divulgação de uma patente. Uma pessoa que tenha conhecimento de uma patente, que julga conter <a href="https://www.w3.org/Consortium/Patent-Policy/#def-essential"> Reivindicações Essenciais </a> (em inglês) deve divulgar esta informação de acordo com a <a href="https://www.w3.org/Consortium/Patent-Policy/#sec-Disclosure"> seção 6 da Política de Patentes <abbr title="World Wide Web Consortium">W3C</abbr></a> (em inglês).</p>
<p>Este documento é regido pelo <a id="w3c_process_revision" href="https://www.w3.org/2018/Process-20180201/"> Documento de Processo do <abbr title="World Wide Web Consortium">W3C</abbr> de 1º de fevereiro de 2018</a>.</p></section>
<nav id="toc">
<h2 class="introductory" id="table-of-contents">Sumário</h2>
<ol class="toc"> <li class="tocline"><a href="#abstract" class="tocxref">Resumo</a></li>
<li class="tocline"><a href="#sotd" class="tocxref">Status Deste Documento</a></li>
<li class="tocline"><a href="#intro" class="tocxref">Introdução</a> <ol class="toc"><li class="tocline">
<a href="#background-on-wcag-2" class="tocxref"><span class="secno">0.1 </span> Antecedentes das WCAG 2 </a></li>
<li class="tocline"><a href="#wcag-2-layers-of-guidance" class="tocxref"><span class="secno">0.2 </span> Camadas de Orientação das WCAG 2.0</a></li>
<li class="tocline"><a href="#wcag-2-1-supporting-documents" class="tocxref"><span class="secno">0.3 </span> Documentos de Apoio das WCAG 2.1 </a></li><li class="tocline"><a href="#requirements-for-wcag-2-1" class="tocxref"><span class="secno"> 0.4 </span>Requisitos para WCAG 2.1</a></li>
<li class="tocline"><a href="#comparison-with-wcag-2-0" class="tocxref"><span class="secno"> 0.5 </span>Comparação com as WCAG 2.0</a><ol class="toc"><li class="tocline"><a href="#new-features-in-wcag-2-1" class="tocxref">
<span class="secno">0.5.1</span>Novas Funcionalidades das WCAG 2.1</a></li>
<li class="tocline"><a href="#numbering-in-wcag-2-1" class="tocxref"><span class="secno">0.5.2 </span>Numeração em WCAG 2.1</a></li><li class="tocline">
<a href="#conformance-to-wcag-2-1" class="tocxref"> <span class="secno">0.5.3 </span>Conformidade com as WCAG 2.1</a></li></ol></li><li class="tocline"><a href="#later-versions-of-accessibility-guidelines" class="tocxref"><span class="secno">0.6 </span>Versões Posteriores das Diretrizes de Acessibilidade</a></li></ol></li><li class="tocline"><a href="#perceivable" class="tocxref"><span class="secno">1. </span> Perceptível </a><ol class="toc"><li class="tocline"><a href="#text-alternatives" class="tocxref"><span class="secno">1.1</span>Alternativas em Texto</a><ol class="toc"><li class="tocline"><a href="#non-text-content" class="tocxref"> <span class="secno">1.1.1</span>Conteúdo Não Textual</a></li></ol></li><li class="tocline"> <a href="#time-based-media" class="tocxref"><span class="secno">1.2 </span>Mídias com base em tempo</a><ol class="toc"><li class="tocline">
<a href="#audio-only-and-video-only-prerecorded" class="tocxref"><span class="secno">1.2.1 </span>Apenas Áudio e Apenas Vídeo (Pré-gravado)</a></li><li class="tocline"><a href="#captions-prerecorded" class="tocxref"><span class="secno">1.2.2 </span>Legendas (Pré-Gravadas)</a></li><li class="tocline"><a href="#audio-description-or-media-alternative-prerecorded" class="tocxref"><span class="secno">1.2.3 </span>Audiodescrição ou Mídia Alternativa (Pré-gravada)</a></li><li class="tocline"><a href="#captions-live" class="tocxref"><span class="secno">1.2.4 </span>Legendas (Ao Vivo)</a></li><li class="tocline"><a href="#audio-description-prerecorded" class="tocxref"><span class="secno">1.2.5 </span>Audiodescrição (Pré-gravada)</a></li><li class="tocline">
<a href="#sign-language-prerecorded" class="tocxref"><span class="secno">1.2.6 </span>Língua de sinais (Pré-gravada)</a></li><li class="tocline">
<a href="#extended-audio-description-prerecorded" class="tocxref"><span class="secno">1.2.7 </span>Audiodescrição Estendida (Pré-gravada)</a></li><li class="tocline"><a href="#media-alternative-prerecorded" class="tocxref"><span class="secno">1.2.8 </span>Mídia Alternativa (Pré-gravada)</a></li><li class="tocline"><a href="#audio-only-live" class="tocxref"><span class="secno">1.2.9 </span>Apenas áudio (Ao Vivo)</a></li></ol></li><li class="tocline"><a href="#adaptable" class="tocxref"><span class="secno">1.3 </span>Adaptável</a><ol class="toc"><li class="tocline"><a href="#info-and-relationships" class="tocxref"><span class="secno">1.3.1 </span>Informações e Relações</a></li><li class="tocline"><a href="#meaningful-sequence" class="tocxref"><span class="secno">1.3.2 </span> Sequência com Significado</a></li><li class="tocline"><a href="#sensory-characteristics" class="tocxref"><span class="secno">1.3.3 </span>Características Sensoriais</a></li><li class="tocline"><a href="#orientation" class="tocxref"><span class="secno">1.3.4 </span>Orientação</a></li><li class="tocline"><a href="#identify-input-purpose" class="tocxref"><span class="secno">1.3.5 </span>Identificar a Finalidade de Entrada</a></li>
<li class="tocline"><a href="#identify-purpose" class="tocxref"><span class="secno">1.3.6 </span>Identificar a Finalidade</a></li></ol></li><li class="tocline"><a href="#distinguishable" class="tocxref"><span class="secno">1.4 </span>Discernível</a><ol class="toc"><li class="tocline"><a href="#use-of-color" class="tocxref"><span class="secno">1.4.1 </span>Utilização de Cores</a></li><li class="tocline"><a href="#audio-control" class="tocxref"><span class="secno">1.4.2 </span>Controle de Áudio</a></li><li class="tocline"><a href="#contrast-minimum" class="tocxref"><span class="secno">1.4.3 </span> Contraste Mínimo</a></li><li class="tocline"><a href="#resize-text" class="tocxref"><span class="secno">1.4.4 </span>Redimensionar Texto</a></li><li class="tocline"><a href="#images-of-text" class="tocxref"><span class="secno">1.4.5 </span>Imagens de Texto</a></li><li class="tocline"><a href="#contrast-enhanced" class="tocxref"><span class="secno">1.4.6 </span>Contraste (Melhorado)</a></li><li class="tocline"><a href="#low-or-no-background-audio" class="tocxref"><span class="secno">1.4.7 </span>Áudio de fundo baixo ou sem Áudio de fundo</a></li><li class="tocline"><a href="#visual-presentation" class="tocxref"><span class="secno">1.4.8 </span>Apresentação Visual</a></li><li class="tocline"><a href="#images-of-text-no-exception" class="tocxref"><span class="secno">1.4.9 </span>Imagens de Texto (Sem exceção)</a></li>
<li class="tocline"><a href="#reflow" class="tocxref"><span class="secno">1.4.10 </span>Realinhar</a></li><li class="tocline"><a href="#non-text-contrast" class="tocxref"><span class="secno">1.4.11 </span>Contraste Não textual</a></li><li class="tocline"><a href="#text-spacing" class="tocxref"><span class="secno">1.4.12 </span>Espaçamento de Texto</a></li><li class="tocline"><a href="#content-on-hover-or-focus" class="tocxref"><span class="secno">1.4.13 </span>Conteúdo sobre Mouse ou Foco</a></li></ol></li></ol></li><li class="tocline"><a href="#operable" class="tocxref"><span class="secno">2. </span>Operável </a><ol class="toc"><li class="tocline"><a href="#keyboard-accessible" class="tocxref"><span class="secno">2.1 </span> Acessível por Teclado</a><ol class="toc"><li class="tocline"><a href="#keyboard" class="tocxref"><span class="secno">2.1.1 </span>Teclado</a></li><li class="tocline"><a href="#no-keyboard-trap" class="tocxref">
<span class="secno">2.1.2 </span>Sem Bloqueio do Teclado</a></li><li class="tocline"><a href="#keyboard-no-exception" class="tocxref">
<span class="secno">2.1.3 </span>Teclado (Sem Exceção)</a></li><li class="tocline"><a href="#character-key-shortcuts" class="tocxref"><span class="secno">2.1.4 </span>Atalhos de Tecla de Caractere</a></li></ol></li><li class="tocline"><a href="#enough-time" class="tocxref"><span class="secno">2.2 </span>Tempo Suficiente</a><ol class="toc"><li class="tocline"><a href="#timing-adjustable" class="tocxref"><span class="secno">2.2.1 </span>Ajustável por Temporização</a></li><li class="tocline"><a href="#pause-stop-hide" class="tocxref"><span class="secno">2.2.2 </span>Colocar em Pausa, Parar, Ocultar</a></li><li class="tocline"><a href="#no-timing" class="tocxref"><span class="secno">2.2.3 </span>Sem Temporização</a></li><li class="tocline"><a href="#interruptions" class="tocxref"><span class="secno">2.2.4 </span>Interrupções</a></li><li class="tocline"><a href="#re-authenticating" class="tocxref"><span class="secno">2.2.5 </span>Nova Autenticação</a></li><li class="tocline"><a href="#timeouts" class="tocxref"><span class="secno">2.2.6 </span> Interrupções</a></li></ol></li>
<li class="tocline"><a href="#seizures-and-physical-reactions" class="tocxref"><span class="secno">2.3 </span>Convulsões e Reações Fisicas</a><ol class="toc"><li class="tocline"><a href="#three-flashes-or-below-threshold" class="tocxref"><span class="secno">2.3.1 </span>Três Flashes ou Abaixo do Limite</a></li><li class="tocline"><a href="#three-flashes" class="tocxref"><span class="secno">2.3.2 </span>Três Flashes</a></li><li class="tocline"><a href="#animation-from-interactions" class="tocxref"><span class="secno">2.3.3 </span>Animação de Interações</a></li></ol></li>
<li class="tocline"><a href="#navigable" class="tocxref"><span class="secno">2.4 </span>Navegável</a><ol class="toc"><li class="tocline"><a href="#bypass-blocks" class="tocxref"><span class="secno">2.4.1 </span>Ignorar Blocos</a></li><li class="tocline"><a href="#page-titled" class="tocxref"><span class="secno">2.4.2 </span>Página com Título</a></li><li class="tocline"><a href="#focus-order" class="tocxref"><span class="secno">2.4.3 </span>Ordem de Foco</a></li><li class="tocline"><a href="#link-purpose-in-context" class="tocxref"><span class="secno">2.4.4 </span>Finalidade do Link Em contexto</a></li><li class="tocline"><a href="#multiple-ways" class="tocxref">
<span class="secno">2.4.5 </span>Várias Formas</a></li><li class="tocline"><a href="#headings-and-labels" class="tocxref">
<span class="secno">2.4.6 </span>Cabeçalhos e Rótulos</a></li><li class="tocline"><a href="#focus-visible" class="tocxref"><span class="secno">2.4.7 </span> Foco Vísivel</a></li><li class="tocline"><a href="#location" class="tocxref">
<span class="secno">2.4.8 </span>Localização</a></li><li class="tocline"><a href="#link-purpose-link-only" class="tocxref"><span class="secno">2.4.9 </span>Finalidade do Link (Apenas o Link)</a></li><li class="tocline"><a href="#section-headings" class="tocxref"><span class="secno">2.4.10 </span>Cabeçalhos da Sessão</a></li></ol></li><li class="tocline"><a href="#input-modalities" class="tocxref"><span class="secno">2.5 </span>Modalidades de Entrada</a><ol class="toc"><li class="tocline"><a href="#pointer-gestures" class="tocxref"><span class="secno">2.5.1 </span>Gestos de Ponteiro</a></li><li class="tocline"><a href="#pointer-cancellation" class="tocxref"><span class="secno">2.5.2 </span>Cancelamento de Ponteiro</a></li><li class="tocline"><a href="#label-in-name" class="tocxref"><span class="secno">2.5.3 </span>Rótulo em Nome</a></li><li class="tocline"><a href="#motion-actuation" class="tocxref"><span class="secno">2.5.4 </span>Atuação por Movimento</a></li><li class="tocline"><a href="#target-size" class="tocxref"><span class="secno">2.5.5 </span>Tamanho do Alvo</a></li><li class="tocline"><a href="#concurrent-input-mechanisms" class="tocxref"><span class="secno">2.5.6 </span>Mecanismos de Entrada Concorrentes</a></li></ol></li></ol></li><li class="tocline"><a href="#understandable" class="tocxref"><span class="secno">3. </span> Compreensível </a><ol class="toc"><li class="tocline"><a href="#readable" class="tocxref">
<span class="secno">3.1 </span>Legível</a><ol class="toc"><li class="tocline"><a href="#language-of-page" class="tocxref"><span class="secno">3.1.1 </span>Idioma da Página</a></li><li class="tocline"><a href="#language-of-parts" class="tocxref"><span class="secno">3.1.2 </span> Idioma das Partes</a></li><li class="tocline"><a href="#unusual-words" class="tocxref"><span class="secno">3.1.3 </span>Palavras Incomuns</a></li><li class="tocline"><a href="#abbreviations" class="tocxref"><span class="secno">3.1.4 </span>Abreviaturas</a></li><li class="tocline"><a href="#reading-level" class="tocxref"><span class="secno">3.1.5 </span> Nível de Leitura</a></li><li class="tocline"><a href="#pronunciation" class="tocxref"><span class="secno">3.1.6 </span>Pronúncia</a></li></ol></li><li class="tocline"><a href="#predictable" class="tocxref">
<span class="secno">3.2 </span>Previsível</a><ol class="toc"><li class="tocline"><a href="#on-focus" class="tocxref"><span class="secno">3.2.1 </span>Em Foco</a></li><li class="tocline"><a href="#on-input" class="tocxref"><span class="secno">3.2.2 </span>Em Entrada</a></li><li class="tocline"><a href="#consistent-navigation" class="tocxref"><span class="secno">3.2.3 </span>Navegação Consistente</a></li><li class="tocline"><a href="#consistent-identification" class="tocxref"><span class="secno">3.2.4 </span>Identificação Consistente</a></li><li class="tocline"><a href="#change-on-request" class="tocxref"><span class="secno">3.2.5 </span>Alteração Mediante Solicitação</a></li></ol></li><li class="tocline"><a href="#input-assistance" class="tocxref"><span class="secno">3.3 </span>Assistência de Entrada</a><ol class="toc"><li class="tocline"><a href="#error-identification" class="tocxref"><span class="secno">3.3.1 </span>Identificação do Erro</a></li><li class="tocline"><a href="#labels-or-instructions" class="tocxref"><span class="secno">3.3.2 </span>Rótulos ou Instruções</a></li><li class="tocline"><a href="#error-suggestion" class="tocxref"><span class="secno">3.3.3 </span>Sugestão de Erro</a></li><li class="tocline"><a href="#error-prevention-legal-financial-data" class="tocxref">
<span class="secno">3.3.4 </span>Prevenção de Erros (Legal, Financeiro, Dados)</a></li><li class="tocline"><a href="#help" class="tocxref"><span class="secno">3.3.5 </span>Ajuda</a></li><li class="tocline"><a href="#error-prevention-all" class="tocxref"><span class="secno">3.3.6 </span>Prevenção de Erros (Todos)</a></li></ol></li></ol></li><li class="tocline"><a href="#robust" class="tocxref"><span class="secno">4. </span> Robusto </a><ol class="toc"><li class="tocline"><a href="#compatible" class="tocxref"><span class="secno">4.1 </span>Compatível</a><ol class="toc"><li class="tocline"><a href="#parsing" class="tocxref"><span class="secno">4.1.1 </span>Análise</a></li><li class="tocline"><a href="#name-role-value" class="tocxref">
<span class="secno">4.1.2 </span>Nome, Função, Valor</a></li><li class="tocline"><a href="#status-messages" class="tocxref"><span class="secno">4.1.3 </span>Mensagens de Status</a></li></ol></li></ol></li><li class="tocline"><a href="#conformance" class="tocxref"><span class="secno">5. </span>Conformidade</a><ol class="toc"><li class="tocline"><a href="#interpreting-normative-requirements" class="tocxref"><span class="secno">5.1 </span>Interpretação dos Requisitos Normativos</a></li><li class="tocline"><a href="#conformance-reqs" class="tocxref"><span class="secno">5.2 </span>Requisitos de Conformidade</a><ol class="toc"><li class="tocline"><a href="#cc1" class="tocxref"><span class="secno">5.2.1 </span>Nível de Conformidade</a></li><li class="tocline"><a href="#cc2" class="tocxref"><span class="secno">5.2.2 </span>Páginas inteiras</a></li><li class="tocline"><a href="#cc3" class="tocxref"><span class="secno">5.2.3 </span>Processos completos</a></li><li class="tocline"><a href="#cc4" class="tocxref"><span class="secno">5.2.4 </span>Apenas Formas de Utilizar Tecnologias com Suporte a Acessibilidade</a></li><li class="tocline"><a href="#cc5" class="tocxref">
<span class="secno">5.2.5 </span>Não-Interferência</a></li></ol></li><li class="tocline"><a href="#conformance-claims" class="tocxref"><span class="secno">5.3 </span>Reivindicações de Conformidade (Opcional) </a><ol class="toc"><li class="tocline"><a href="#conformance-required" class="tocxref"><span class="secno">5.3.1 </span>Componentes Necessários de uma Reivindicação de Conformidade</a></li><li class="tocline"><a href="#conformance-optional" class="tocxref"><span class="secno">5.3.2 </span>Componentes Opcionais de uma Reivindicação de Conformidade </a></li></ol></li><li class="tocline"><a href="#conformance-partial" class="tocxref"><span class="secno">5.4 </span>Declaração de Conformidade Parcial - Conteúdo de Terceiros</a></li><li class="tocline"><a href="#conformance-partial-lang" class="tocxref"><span class="secno">5.5 </span>Declaração de Conformidade Parcial - Idioma</a></li></ol></li><li class="tocline"><a href="#glossary" class="tocxref"><span class="secno">6. </span>Glossário</a></li><li class="tocline"><a href="#input-purposes" class="tocxref"><span class="secno">7. </span>Finalidades de Entrada para Componentes de Interface de Usuário</a></li><li class="tocline"><a href="#acknowledgments" class="tocxref"><span class="secno">A. </span>Agradecimentos</a><ol class="toc"><li class="tocline"><a href="#ack_participants-active" class="tocxref"><span class="secno">A.1 </span>Participantes do AG WG ativos no desenvolvimento deste documento:</a></li><li class="tocline"><a href="#ack_participants-previous" class="tocxref"><span class="secno">A.2 </span>Outros participantes anteriormente ativos do GT WCAG e outros colaboradores para a versão WCAG 2.0 </a></li><li class="tocline"><a href="#enabling-funders" class="tocxref"><span class="secno">A.3 </span>Habilitando financiadores</a></li></ol></li><li class="tocline"><a href="#references" class="tocxref"><span class="secno">B. </span>Referências</a><ol class="toc"><li class="tocline"><a href="#normative-references" class="tocxref"><span class="secno">B.1 </span>Referências normativas</a></li><li class="tocline"><a href="#informative-references" class="tocxref"><span class="secno">B.2 </span>Referências informativas</a></li></ol></li></ol></nav>
<section class="informative introductory" id="intro">
<!--OddPage-->
<h2 id="introduction">Introdução</h2><p><em>Esta seção é informativa.</em></p>
<section id="background-on-wcag-2"><h3 id="x0-1-background-on-wcag-2"><span class="secno">0.1 </span> Antecedentes das WCAG 2 <span class="permalink"><a href="#background-on-wcag-2" aria-label="Link Permanente para 0.1 Antecedentes das WCAG 2" title=" Link Permanente para 0.1 Antecedentes das WCAG 2"><span>§</span></a></span></h3>
<p> As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1 definem a forma de como tornar o conteúdo da Web mais acessível para pessoas com deficiência. A acessibilidade abrange uma vasta gama de deficiências, incluindo visual, auditiva, física, de fala, intelectual, de linguagem, de aprendizagem e neurológica. Embora estas diretrizes cubram uma ampla diversidade de situações, elas não são capazes de abordar as necessidades das pessoas com todos os tipos, graus e combinações de deficiências. Estas diretrizes tornam também o conteúdo da Web mais acessível por pessoas idosas, cujas habilidades estão em constante mudança devido ao envelhecimento, e muitas vezes melhoram a usabilidade para usuários em geral. </p>
<p> As WCAG 2.1 foram desenvolvidas através do <a href="https://www.w3.org/WAI/standards-guidelines/w3c-process/"> processo <abbr title="World Wide Web Consortium"> W3C </abbr>(em inglês)</a> em colaboração com pessoas e organizações em todo o mundo, com o objetivo de fornecer um padrão compartilhado referente à acessibilidade do conteúdo da Web, que vá ao encontro das necessidades das pessoas, das organizações e dos governos em nível internacional. As WCAG 2.1 baseiam-se nas WCAG 2.0 [<cite><a class="bibref" href="#bib-WCAG20">WCAG20</a></cite>], que por sua vez foram construídas sobre as WCAG 1.0 [<cite><a class="bibref" href="#bib-WAI-WEBCONTENT">WAI-WEBCONTENT</a></cite>] e foram concebidas para serem largamente aplicadas às diferentes tecnologias atuais e futuras da Web, e para serem testáveis com uma combinação de testes automáticos e avaliação humana. Para uma introdução as WCAG, consulte a <a href="http://www.w3.org/WAI/standards-guidelines/wcag/"> Descrição Geral das Diretrizes de Acessibilidade para Conteúdo Web</a> (em inglês).</p>
<p> Desafios significativos foram encontrados ao se definir critérios adicionais de abordagem a deficiências cognitivas, de linguagem e aprendizagem, incluindo um cronograma reduzido para o desenvolvimento, bem como para lidar com os desafios de alcançar um consenso sobre testabilidade, implementabilidade e considerações internacionais sobre propostas. O trabalho prosseguirá nessa área em futuras versões das WCAG. Encorajamos os autores a se referirem à nossa orientação suplementar sobre a <a href="http://www.w3.org/WAI/standards-guidelines/wcag/#supplement"> melhoria da inclusão de pessoas com deficiências, incluindo dificuldades cognitivas e de aprendizagem, pessoas com deficiência visual e muito mais</a>.</p>
<p>A acessibilidade na Web depende não só do conteúdo acessível, como também de navegadores web acessíveis e outros agentes de usuário. Ferramentas de autoria também desempenham um papel importante para a acessibilidade na Web. Para uma descrição geral sobre como estes componentes de desenvolvimento web e interação funcionam em conjunto, consulte:</p>
<ul>
<li><strong><a href="https://www.w3.org/WAI/fundamentals/components/">Componentes Essenciais da Acessibilidade na Web (em inglês)</a></strong></li>
<li><strong><a href="https://www.w3.org/WAI/standards-guidelines/uaag/">Descrição Geral das Diretrizes de Acessibilidade para Agente de Usuário (UAAG) (em inglês)</a></strong></li>
<li><strong><a href="https://www.w3.org/WAI/standards-guidelines/atag/">Descrição Geral das Diretrizes de Acessibilidade para Ferramentas de Autoria (ATAG) (em inglês)</a></strong></li>
</ul>
</section>
<section id="wcag-2-layers-of-guidance">
<h3 id="x0-2-wcag-2-layers-of-guidance"><span class="secno">0.2 </span> Camadas de Orientação das WCAG 2.0 <span class="permalink"><a href="#wcag-2-layers-of-guidance" aria-label="Link permanente para 0.2 Camadas de Orientação das WCAG 2.0" title=" Link permanente para 0.2 Camadas de Orientação das WCAG 2.0"><span>§</span></a></span></h3>
<p> As pessoas e organizações que utilizam as WCAG são diversas e incluem programadores e web designers, legisladores, responsáveis pelas compras, professores e alunos. Para corresponder às várias necessidades deste público, são fornecidas diversas camadas de orientação, incluindo <em>princípios globais</em>, <em> diretrizes </em> gerais, <em> critérios de sucesso </em> testáveis, um rico conjunto de <em> técnicas de tipo necessárias </em>,e de <em> tipo sugeridas </em>,bem como <em> falhas comuns documentadas </em> com exemplos, links para recursos e código fonte.</p>
<ul>
<li>
<p><strong>Princípios</strong> - No topo estão quatro princípios que constituem a base da acessibilidade na Web: <em> perceptível, operável, compreensível e robusto</em>. Consulte também <a href="https://www.w3.org/WAI/WCAG21/Understanding/intro#understanding-the-four-principles-of-accessibility"> Compreendendo os Quatro Princípios de Acessibilidade (em inglês)</a>.</p>
</li>
<li>
<p><strong>Diretrizes</strong> - Abaixo dos princípios estão as diretrizes. As 13 diretrizes fornecem os objetivos básicos que os autores devem atingir para tornar o conteúdo mais acessível aos usuários com diferentes deficiências. As diretrizes não são testáveis, mas disponibilizam a estrutura e os objetivos de âmbito global que ajudam os autores a compreender os critérios de sucesso e a melhor implementar as técnicas.</p></li>
<li><p><strong>Critérios de Sucesso</strong> - Para cada diretriz, são fornecidos critérios de sucesso testáveis para permitir que as WCAG 2.0 sejam utilizadas onde os requisitos e os testes de conformidade são necessários, tais como na especificação do projeto, nas compras, na regulamentação e nos acordos contratuais. A fim de atender as necessidades dos diferentes grupos e situações, são definidos três níveis de conformidade: A (o mais baixo), AA e AAA (o mais elevado). Informações adicionais sobre os níveis das WCAG, podem ser encontradas em <a href="https://www.w3.org/WAI/WCAG21/Understanding/conformance#levels">Compreendendo os Níveis de Conformidade (em inglês)</a>.</p></li>
<li><p><strong>Técnicas de tipo Necessária e de tipo Sugerida </strong> - Para cada uma das <em>diretrizes </em> e <em>critérios de sucesso </em> existentes no próprio documento das WCAG 2.0, o grupo de trabalho documentou ainda uma grande variedade de <em>técnicas</em>. As técnicas têm caráter informativo e enquadram-se em duas categorias: as que são de <em> tipo necessária </em> para satisfazer os critérios de sucesso e as que são de <em>tipo sugerida</em>. As técnicas de tipo sugerida vão além do que é exigido pelos critérios de sucesso individuais e permitem aos autores um melhor cumprimento das diretrizes. Algumas técnicas de tipo sugerida vão ao encontro de barreiras de acessibilidade que não estão abrangidas pelos critérios de sucesso testáveis. Onde são conhecidas falhas comuns, estas são igualmente documentadas. Consulte também <a href="https://www.w3.org/WAI/WCAG21/Understanding/understanding-techniques">Técnicas de Tipo Necessária e de Tipo Sugerida em Compreendendo as WCAG 2.0 (em inglês)</a>.</p></li></ul>
<p>Todas estas camadas de orientação (princípios, diretrizes, critérios de sucesso e técnicas de tipo necessária e de tipo sugerida) funcionam em conjunto para fornecer orientações sobre como tornar o conteúdo mais acessível. Os autores são encorajados a observar e a aplicar todos os níveis que conseguirem, incluindo as técnicas de tipo sugerida, de forma a melhor satisfazerem as necessidades do maior número possível de usuários.</p>
<p>Note-se que até mesmo o conteúdo que está em conformidade com o nível mais elevado (AAA) não estará acessível a pessoas com todos os tipos, graus ou combinações de deficiências, particularmente nas áreas da linguagem cognitiva e da aprendizagem. Os autores são encorajados a considerar a totalidade das técnicas, incluindo as técnicas de tipo sugerida, assim como a procurar orientação relevante sobre as atuais boas práticas, de forma a garantir que o conteúdo da Web seja acessível, tanto quanto possível, a esta comunidade. Os <a href="https://www.w3.org/WAI/WCAG21/Understanding/understanding-metadata">metadados</a> (em inglês) podem ajudar os usuários a encontrar o conteúdo mais adequado às suas necessidades. </p>
</section>
<section id="wcag-2-1-supporting-documents">
<h3 id="x0-3-wcag-2-1-supporting-documents"><span class="secno">0.3 </span>Documentos de Apoio das WCAG 2.0<span class="permalink"><a href="#wcag-2-1-supporting-documents" aria-label="Link permanente para 0.3 Documentos de Apoio das WCAG 2.1" title="Link permanente para 0.3 Documentos de Apoio das WCAG 2.1"><span>§</span></a></span></h3>
<p> O documento WCAG 2.0 foi concebido para satisfazer as necessidades daqueles que precisam de um padrão técnico referenciável e estável. Outros documentos, chamados de documentos de apoio, baseiam-se no documento WCAG 2.0 e abordam outros objetivos importantes, incluindo a capacidade de serem atualizados para descrever a forma como as WCAG seriam aplicadas com novas tecnologias. Os documentos de apoio incluem: </p>
<ol class="enumar">
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG21/quickref/"> Como cumprir as WCAG 2.1 (em inglês)</a> </strong> - Uma referência rápida personalizável para as WCAG 2.0 que inclui todas as diretrizes, critérios de sucesso e técnicas para os autores usarem à medida que vão desenvolvendo e avaliando o conteúdo Web. Isso inclui conteúdo das WCAG 2.0 e WCAG 2.1 e pode ser filtrado de várias maneiras para ajudar os autores a se concentrarem no conteúdo relevante.</p>
</li>
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG21/Understanding/"> Compreendendo as WCAG 2.1 (em inglês)</a> </strong> - Um guia para compreender e implementar as WCAG 2.1. Existe um pequeno documento intitulado "Compreendendo" para cada diretriz e critério de sucesso existente nas WCAG 2.0, assim como tópicos chave.</p>
</li>
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG21/Techniques/">Técnicas para as WCAG 2.1(em inglês)</a> </strong> - Uma coleção de técnicas e erros comuns, cada uma em um documento em separado que inclui uma descrição, os exemplos, o código fonte e os testes.</p>
</li>
<li>
<p><strong><a href="https://www.w3.org/WAI/standards-guidelines/wcag/docs/">Os documentos das WCAG (em inglês)</a> </strong> - Um diagrama e uma descrição de como os documentos técnicos estão relacionados e ligados.</p>
</li>
</ol>
<p>Veja a <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Descrição Geral das Diretrizes de Acessibilidade para Conteúdo Web (WCAG) (em inglês) </a> para uma descrição do material de apoio das WCAG 2.0, incluindo os recursos educativos relacionados com as WCAG 2. Os recursos adicionais, que abrangem tópicos como a questão comercial da acessibilidade da Web, o planejamento da implementação para melhorar a acessibilidade dos sites Web, e as políticas de acessibilidade encontram-se listados em <a href="http://www.w3.org/WAI/Resources/Overview">Recursos WAI (em inglês)</a>.</p>
</section>
<section id="requirements-for-wcag-2-1">
<h3 id="x0-4-requirements-for-wcag-2-1"><span class="secno">0.4 </span>Requisitos para WCAG 2.1<span class="permalink"><a href="#requirements-for-wcag-2-1" aria-label="Link Permanente para 0.4 Requisitos para WCAG 2.1" title="Link Permanente para 0.4 Requisitos para WCAG 2.1"><span>§</span></a></span></h3>
<p> As WCAG 2.1 cumprem um conjunto de <a href="https://w3c.github.io/wcag21/requirements/"> requisitos para as WCAG 2.1 </a> que, por sua vez, herdam os requisitos das WCAG 2.0. Os requisitos organizam a estrutura geral das diretrizes e garantem a compatibilidade com versões anteriores. O Grupo de Trabalho também utilizou um conjunto menos formal de critérios de aceitação para critérios de sucesso, para ajudar a garantir que os critérios de sucesso sejam semelhantes em estilo e qualidade àqueles das WCAG 2.0. Esses requisitos restringiram o que poderia ser incluído nas WCAG 2.1. Esta restrição foi importante para preservar a sua natureza como um lançamento pontual das WCAG 2.</p>
</section>
<section id="comparison-with-wcag-2-0">
<h3 id="x0-5-comparison-with-wcag-2-0"><span class="secno">0.5 </span>Comparação com as WCAG 2.0<span class="permalink"><a href="#comparison-with-wcag-2-0" aria-label="Link Permanente para 0.5 Comparação com as WCAG 2.0" title="Link Permanente para 0.5 Comparação com as WCAG 2.0"><span>§</span></a></span></h3>
<p> As WCAG 2.1 foram criadas com o objetivo de melhorar as diretrizes de acessibilidade de três grupos principais: usuários com deficiências cognitivas ou de aprendizagem, usuários com baixa visão e usuários com deficiências em dispositivos móveis. Muitas maneiras de atender a essas necessidades foram propostas e avaliadas e um conjunto delas foi refinado pelo Grupo de Trabalho. Os requisitos estruturais herdados das WCAG 2.0, a clareza e o impacto das propostas e o cronograma levaram ao conjunto final de critérios de sucesso incluídos nesta versão. O Grupo de Trabalho acredita que as WCAG 2.1 desenvolvem de forma incremental as diretrizes de acessibilidade de conteúdo Web de todas essas áreas, mas ressalta que nem todas as necessidades dos usuários foram atendidas por essas diretrizes.</p>
<p> As WCAG 2.1 desenvolvem-se e são compatíveis com a versão WCAG 2.0; o que significa que as páginas Web em conformidade com as WCAG 2.1 também estão em conformidade com as WCAG 2.0. Os autores que estão, por questões legais, obrigados a cumprir as WCAG 2.0 poderão atualizar o conteúdo para as WCAG 2.1 sem perder a conformidade com as WCAG 2.0. Autores que seguem ambos os conjuntos de diretrizes devem estar cientes das seguintes diferenças:</p>
<section id="new-features-in-wcag-2-1">
<h4 id="x0-5-1-new-features-in-wcag-2-1"><span class="secno">0.5.1 </span>Novas Funcionalidades das WCAG 2.1<span class="permalink"><a href="#new-features-in-wcag-2-1" aria-label="Link Permanente para 0.5.1 Novas Funcionalidades das WCAG 2.1" title="Link Permanente para 0.5.1 Novas Funcionalidades das WCAG 2.1"><span>§</span></a></span></h4>
<p>As WCAG 2.1 ampliam as WCAG 2.0 adicionando novos critérios de sucesso, definições para apoiá-los, diretrizes para organizar as adições e algumas adições à seção de conformidade. Esta abordagem aditiva ajuda a deixar claro que os sites que estão em conformidade com as WCAG 2.1 também estão em conformidade com as WCAG 2.0, cumprindo assim as obrigações de conformidade específicas das WCAG 2.0. O Grupo de Trabalho de Diretrizes de Acessibilidade recomenda que os sites adotem as WCAG 2.1 como sua nova meta de conformidade, mesmo se as obrigações formais mencionarem as WCAG 2.0, para fornecer melhor acessibilidade e antecipar futuras mudanças na política.</p>
<p>Os seguintes Critérios de Sucesso são novos no WCAG 2.1:</p>
<ul>
<li>1.3.4 <a href="#orientation">Orientação</a> (AA)</li>
<li>1.3.5 <a href="#identify-input-purpose">Identificar a Finalidade de Entrada</a> (AA)</li>
<li>1.3.6 <a href="#identify-purpose">Identificar a Finalidade</a> (AAA)</li>
<li>1.4.10 <a href="#reflow">Realinhar</a> (AA)</li>
<li>1.4.11 <a href="#non-text-contrast">Contraste Não Textual</a> (AA)</li>
<li>1.4.12 <a href="#text-spacing">Espaçamento de Texto</a> (AA)</li>
<li>1.4.13 <a href="#content-on-hover-or-focus">Conteúdo sobre o Mouse ou o Foco</a> (AA)</li>
<li>2.1.4 <a href="#character-key-shortcuts">Atalhos de Tecla de Caractere</a> (A)</li>
<li>2.2.6 <a href="#timeouts">Tempos Limite</a> (AAA)</li>
<li>2.3.3 <a href="#animation-from-interactions">Animação de Interações</a> (AAA)</li>
<li>2.5.1 <a href="#pointer-gestures">Gestos de Ponteiro</a> (A)</li>
<li>2.5.2 <a href="#pointer-cancellation">Cancelamento de Ponteiro</a> (A)</li>
<li>2.5.3 <a href="#label-in-name">Rótulo em Nome</a> (A)</li>
<li>2.5.4 <a href="#motion-actuation">Atualização de Movimento</a> (A)</li>
<li>2.5.5 <a href="#target-size">Tamanho do Alvo</a> (AAA)</li>
<li>2.5.6 <a href="#concurrent-input-mechanisms">Mecanismos de Entrada Concorrentes</a> (AAA)</li>
<li>4.1.3 <a href="#status-messages">Mensagens de Status</a> (AA)</li>
</ul>
<p> Muitos desses critérios de sucesso fazem referência a novos termos que também foram adicionados ao glossário e fazem parte dos requisitos normativos dos critérios de sucesso. </p>
<p> Na seção Conformidade, uma terceira nota sobre variantes de página foi adicionada a <a href="#cc2">Páginas Completas</a>; e uma opção para metadados legíveis por máquina foram adicionados a <a href="#conformance-optional">Componentes Opcionais de uma Reivindicação de Conformidade</a>.</p>
</section>
<section id="numbering-in-wcag-2-1">
<h4 id="x0-5-2-numbering-in-wcag-2-1"><span class="secno">0.5.2 </span>Numeração em WCAG 2.1<span class="permalink"><a href="#numbering-in-wcag-2-1" aria-label="Link Permanente para 0.5.2 Numeração em WCAG 2.1" title="Link Permanente para 0.5.2 Numeração em WCAG 2.1"><span>§</span></a></span></h4>
<p>Com a finalidade de evitar confusões para implementadores para os quais a compatibilidade com as WCAG 2.0 é importante, os novos critérios de sucesso nas WCAG 2.1 foram anexados ao final do conjunto de critérios de sucesso dentro das diretrizes. Isso evita a necessidade de alterar o número da seção de critérios de sucesso das WCAG 2.0, o que seria causado pela inserção de novos critérios de sucesso entre os critérios de sucesso existentes na diretriz, mas significa que os critérios de sucesso em cada diretriz não estão mais agrupados por nível de conformidade. A ordem dos critérios de sucesso dentro de cada diretriz não implica em informações sobre o nível de conformidade; somente o indicador de nível de conformidade (A / AA / AAA) no próprio critério de sucesso indica isso. As <a href="https://www.w3.org/WAI/WCAG21/quickref/"> Referências Rápidas das WCAG 2.1 </a> fornecem meios para visualizar os critérios de sucesso agrupados por nível de conformidade, juntamente com muitas outras opções de filtro e ordenação.</p>
</section>
<section id="conformance-to-wcag-2-1">
<h4 id="x0-5-3-conformance-to-wcag-2-1"><span class="secno">0.5.3 </span>Conformidade com as WCAG 2.1<span class="permalink"><a href="#conformance-to-wcag-2-1" aria-label="Link Permanente para 0.5.3 Conformidade com as WCAG 2.1" title="Link Permanente para 0.5.3 Conformidade com as WCAG 2.1"><span>§</span></a></span></h4>
<p> As WCAG 2.1 utilizam o mesmo modelo de conformidade das WCAG 2.0 com algumas adições, as quais estão descritas na seção <a href="#conformance">Conformidade</a>. Pretende-se que os sites em conformidade com as WCAG 2.1 também estejam em conformidade com as WCAG 2.0, o que significa que cumprem os requisitos de quaisquer políticas que façam referência às WCAG 2.0, ao mesmo tempo em que melhor satisfazem as necessidades dos usuários da Web atual.</p>
</section>
</section>
<section id="later-versions-of-accessibility-guidelines">
<h3 id="x0-6-later-versions-of-accessibility-guidelines"><span class="secno">0.6 </span>Versões Posteriores das Diretrizes de Acessibilidade<span class="permalink"><a href="#later-versions-of-accessibility-guidelines" aria-label="Link Permanente para 0.6 Versões Posteriores das Diretrizes de Acessibilidade" title="Link Permanente para 0.6 Versões Posteriores das Diretrizes de Acessibilidade"><span>§</span></a></span></h3>
<p>Em paralelo às WCAG 2.1, o Grupo de Trabalho Diretrizes de Acessibilidade está desenvolvendo outra versão principal de diretrizes de acessibilidade. Espera-se que o resultado deste trabalho seja uma reestruturação mais substancial da orientação de acessibilidade na Web do que seria realista para as edições pontuais das WCAG 2. O trabalho segue uma metodologia de projeto concentrada na pesquisa e voltada ao usuário para produzir um resultado mais eficaz e flexível, incluindo as funções de criação de conteúdo, suporte a agente de usuário e suporte a ferramentas de criação. Este é um esforço de vários anos, pelo que as WCAG 2.1 são necessárias como medida provisória para fornecer orientações atualizadas de acessibilidade na Web para reflectir as alterações na Web desde a publicação das WCAG 2.0. O Grupo de Trabalho também pode desenvolver versões provisórias adicionais, continuando com as WCAG 2.2, em um curto período de tempo semelhante para fornecer suporte adicional enquanto a versão principal é concluída. </p>
</section>
</section>
<section class="principle" id="perceivable">
<!--OddPage--><h2 id="x1-perceivable"><span class="secno">1. </span> Perceptível <span class="permalink"><a href="#perceivable" aria-label="Link Permanente para 1. Perceptível" title="Link Permanente para 1. Perceptível"><span>§</span></a></span></h2>
<p>As informações e os componentes da interface do usuário devem ser apresentados em formas que possam ser percebidas pelo usuário.</p>
<section class="guideline" id="text-alternatives">
<h3 id="x1-1-text-alternatives"><span class="secno">Diretriz 1.1 </span>Alternativas em Texto<span class="permalink"><a href="#text-alternatives" aria-label="Link Permanente para 1.1 Alternativas em Texto" title="Link Permanente para 1.1 Alternativas em Texto"><span>§</span></a></span></h3>
<p>Fornecer alternativas textuais para qualquer conteúdo não textual, para que possa ser transformado em outras formas de acordo com as necessidades dos usuários, tais como impressão com tamanho de fontes maiores, braille, fala, símbolos ou linguagem mais simples.</p>
<section class="sc" id="non-text-content">
<h4 id="x1-1-1-non-text-content"><span class="secno">Critério de Sucesso 1.1.1 </span>Conteúdo Não Textual<span class="permalink"><a href="#non-text-content" aria-label="Link Permanente para 1.1.1 Conteúdo Não Textual" title="Link Permanente para 1.1.1 Conteúdo Não Textual"><span>§</span></a></span></h4>
<div class="doclinks">
<a href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html">Compreendendo conteúdo não textual (em inglês) </a> <span class="screenreader"></span> <br>
<a href="https://www.w3.org/WAI/WCAG21/quickref/#non-text-content">Como Cumprir Conteúdo Não Textual (em inglês) </a></div>
<p class="conformance-level">(Nível A)</p>
<p>Todo o <a href="#dfn-non-text-content" class="internalDFN" data-link-type="dfn"> conteúdo não textual </a> que é exibido ao usuário tem uma <a href="#dfn-text-alternative" class="internalDFN" data-link-type="dfn">alternativa textual</a> que serve a um propósito equivalente, exceto para as situações indicadas abaixo.
</p>
<dl>
<dt>Controles, Entrada</dt>
<dd>
<p>Se o conteúdo não textual for um controle ou aceitar a entrada de dados por parte do usuário, então esse conteúdo não textual possui um <a href="#dfn-name" class="internalDFN" data-link-type="dfn">nome</a> que descreve a sua finalidade. (Consultar o <a href="#name-role-value">Critério de Sucesso 4.1.2</a> para requisitos adicionais de controles e conteúdo que aceitam entrada de dados por parte do usuário)
</p>
</dd>
<dt>Mídias com base no tempo</dt>
<dd>
<p>Se o conteúdo não textual consiste em mídia baseada em tempo, então as alternativas textuais fornecem, no mínimo, uma identificação descritiva do conteúdo não textual (Consulte a <a href="#time-based-media">Diretriz 1.2</a> para obter os requisitos adicionais para mídia).
</p>
</dd>
<dt>Teste</dt>
<dd>
<p>Se o conteúdo não textual for um teste ou um exercício, que ficaria inválido se fosse apresentado em <a href="#dfn-text" class="internalDFN" data-link-type="dfn"> texto</a>, então as alternativas textuais fornecem, no mínimo, uma identificação descritiva do conteúdo não textual.</p>
</dd>
<dt>Sensorial</dt>
<dd>
<p>Se a finalidade do conteúdo não textual for, essencialmente, criar uma <a href="#dfn-specific-sensory-experience" class="internalDFN" data-link-type="dfn">experiência sensorial específica</a>, então as alternativas textuais fornecem, no mínimo, uma identificação descritiva do conteúdo não textual.
</p>
</dd>
<dt><a href="#dfn-captcha" class="internalDFN" data-link-type="dfn">CAPTCHA</a></dt>
<dd>
<p>Se a finalidade do conteúdo não textual for confirmar que o conteúdo está sendo acessado por uma pessoa e não por um computador, então devem ser fornecidas alternativas textuais que identificam e descrevem a finalidade do conteúdo não textual. Formas alternativas de CAPTCHA, que utilizam modos de saída para diferentes tipos de percepção sensorial, devem ser apresentadas para atender diferentes deficiências.</p>
</dd>
<dt>Decoração, Formatação, Invisível</dt>
<dd>
<p>Se o conteúdo não textual for <a href="#dfn-pure-decoration" class="internalDFN" data-link-type="dfn">meramente decorativo</a>, se for utilizado apenas para formatação visual, ou se não for exibido aos usuários, então esse conteúdo não textual deve ser implementado de uma forma que possa ser ignorado pelas <a href="#dfn-assistive-technologies" class="internalDFN" data-link-type="dfn"> tecnologias assistivas.</a></p>
</dd>
</dl>
</section>
</section>
<section class="guideline" id="time-based-media">
<h3 id="x1-2-time-based-media"><span class="secno">Diretriz 1.2 </span> Mídias com base em tempo <span class="permalink"><a href="#time-based-media" aria-label="Link Permanente para 1.2 Mídias com base em tempo" title="Link Permanente para 1.2 Mídias com base em tempo">§</a></span></h3>
<p>Fornecer alternativas para mídias baseadas em tempo.</p>
<section class="sc" id="audio-only-and-video-only-prerecorded">
<h4 id="x1-2-1-audio-only-and-video-only-prerecorded"><span class="secno">Critério de Sucesso 1.2.1 </span>Apenas Áudio e Apenas Vídeo (Pré-gravado) <span class="permalink"><a href="#audio-only-and-video-only-prerecorded" aria-label="Link Permanente para 1.2.1 Apenas Áudio e Apenas Vídeo (Pré-gravado)" title=" Link Permanente para 1.2.1 Apenas Áudio e Apenas Vídeo (Pré-gravado)"><span>§</span></a></span></h4>
<div class="doclinks">
<a href="https://www.w3.org/WAI/WCAG21/Understanding/audio-only-and-video-only-prerecorded.html">Compreendendo Apenas Áudio e Apenas Vídeo (Pré-gravado) (em inglês)
</a><span class="screenreader">
</span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#audio-only-and-video-only-prerecorded">Como Cumprir apenas Áudio e apenas Vídeo (Pré-gravado) (em inglês) </a></div><p class="conformance-level">(Nível A)</p>
<p>For <a href="#dfn-prerecorded" class="internalDFN" data-link-type="dfn">prerecorded</a>
<a href="#dfn-audio-only" class="internalDFN" data-link-type="dfn">audio-only</a> and prerecorded <a href="#dfn-video-only" class="internalDFN" data-link-type="dfn">video-only</a> media, the following are true, except when the audio or video is a <a href="#dfn-media-alternative-for-text" class="internalDFN" data-link-type="dfn">media alternative for text</a> and is clearly labeled as such:
</p>
<dl>
<dt>Apenas áudio pré-gravado:</dt>
<dd>
<p>É fornecida <a href="#dfn-alternative-for-time-based-media" class="internalDFN" data-link-type="dfn">uma alternativa para mídia com base em tempo</a> que apresenta informação equivalente para o conteúdo composto por apenas áudio pré-gravado.
</p>
</dd>
<dt>Apenas vídeo pré-gravado:</dt>
<dd>
<p>É fornecida uma alternativa em mídia com base em tempo ou uma faixa de áudio que apresenta informação equivalente para o conteúdo apenas de vídeo pré-gravado.
</p>
</dd>
</dl>
</section>
<section class="sc" id="captions-prerecorded">
<h4 id="x1-2-2-captions-prerecorded"><span class="secno">Critério de Sucesso 1.2.2 </span> Legendas (Pré-gravadas) <span class="permalink"><a href="#captions-prerecorded" aria-label="Link Permanente para 1.2.2 Legendas (Pré-gravadas)" title="Link Permanente para 1.2.2 Legendas (Pré-gravadas)"><span> §</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/captions-prerecorded.html">Compreendendo Legendas (Pré-gravadas) (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#captions-prerecorded">Como Cumprir Legendas (Pré-gravadas) (em inglês) </a></div><p class="conformance-level">(Nível A)</p>
<p>São fornecidas <a href="#dfn-captions" class="internalDFN" data-link-type="dfn">legendas</a> para todo <a href="#dfn-prerecorded" class="internalDFN" data-link-type="dfn">conteúdo</a>
<a href="#dfn-audio" class="internalDFN" data-link-type="dfn">de áudio</a> pré-gravado em <a href="#dfn-synchronized-media" class="internalDFN" data-link-type="dfn">mídia sincronizada</a>, exceto quando a mídia for uma <a href="#dfn-media-alternative-for-text" class="internalDFN" data-link-type="dfn">alternativa para texto </a> e for claramente identificada como tal.
</p>
</section>
<section class="sc" id="audio-description-or-media-alternative-prerecorded">
<h4 id="x1-2-3-audio-description-or-media-alternative-prerecorded"><span class="secno">Critério de Sucesso 1.2.3 </span> Audiodescrição ou Mídia Alternativa (Pré-gravada)<span class="permalink"><a href="#audio-description-or-media-alternative-prerecorded" aria-label="Link Permanente para 1.2.3 Audiodescrição ou Mídia Alternativa (Pré-gravada)" title="Link Permanente para 1.2.3 Audiodescrição ou Mídia Alternativa (Pré-gravada)"><span> §</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/audio-description-or-media-alternative-prerecorded.html">Compreendendo Critério de Sucesso 1.2.3 Audiodescrição ou Mídia Alternativa (Pré-gravada) (em inglês)</a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#audio-description-or-media-alternative-prerecorded">Como Cumprir Audiodescrição ou Mídia Alternativa (Pré-gravada) (em inglês)</a></div><p class="conformance-level">(Nível A)</p>
<p>Uma <a href="#dfn-alternative-for-time-based-media" class="internalDFN" data-link-type="dfn">alternativa para mídia com base</a> ou uma <a href="#dfn-audio-descriptions" class="internalDFN" data-link-type="dfn">audiodescrição </a> do conteúdo em vídeo <a href="#dfn-prerecorded" class="internalDFN" data-link-type="dfn">pré-gravado</a>
<a href="#dfn-video" class="internalDFN" data-link-type="dfn"></a> é fornecida para <a href="#dfn-synchronized-media" class="internalDFN" data-link-type="dfn">mídia sincronizada</a>, exceto quando a <a href="#dfn-media-alternative-for-text" class="internalDFN" data-link-type="dfn">mídia é uma alternativa ao texto </a> e for claramente identificada como tal.
</p>
</section>
<section class="sc" id="captions-live">
<h4 id="x1-2-4-captions-live"><span class="secno">Critério de Sucesso 1.2.4 </span>Legendas (Ao Vivo)<span class="permalink"><a href="#captions-live" aria-label="Link Permanente para 1.2.4 Legendas (Ao Vivo)" title="Link Permanente para 1.2.4 Legendas (Ao Vivo)"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/captions-live.html">Compreendendo Legendas (Ao Vivo) (em inglês) </a><span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#captions-live">Como Cumprir Legendas (Ao Vivo) (em inglês) </a></div><p class="conformance-level">(Nível AA)</p>
<p>São fornecidas <a href="#dfn-captions" class="internalDFN" data-link-type="dfn">legendas</a> para todo o conteúdo do <a href="#dfn-live" class="internalDFN" data-link-type="dfn"></a>
<a href="#dfn-audio" class="internalDFN" data-link-type="dfn">áudio</a> ao vivo existente em <a href="#dfn-synchronized-media" class="internalDFN" data-link-type="dfn">mídia sincronizada.</a>.
</p>
</section>
<section class="sc" id="audio-description-prerecorded">
<h4 id="x1-2-5-audio-description-prerecorded"><span class="secno">Critério de Sucesso 1.2.5 </span> Audiodescrição (Pré-gravada)<span class="permalink"><a href="#audio-description-prerecorded" aria-label="Link Permanente para 1.2.5 Audiodescrição (Pré-gravada)" title="Link Permanente para 1.2.5 Audiodescrição (Pré-gravada)"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded.html">Compreendendo Audiodescrição (Pré-gravada) (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#audio-description-prerecorded">Como Cumprir Audiodescrição (Pré-gravada) (em inglês)</a></div><p class="conformance-level">(Nível AA)</p>
<p>É fornecida <a href="#dfn-audio-descriptions" class="internalDFN" data-link-type="dfn">audiodescrição </a> para todo o conteúdo de vídeo <a href="#dfn-prerecorded" class="internalDFN" data-link-type="dfn">pré-gravado</a> existente em <a href="#dfn-video" class="internalDFN" data-link-type="dfn"></a><a href="#dfn-synchronized-media" class="internalDFN" data-link-type="dfn">mídia sincronizada</a>.
</p>
</section>
<section class="sc" id="sign-language-prerecorded">
<h4 id="x1-2-6-sign-language-prerecorded"><span class="secno">Critério de Sucesso 1.2.6 </span> Língua de sinais (Pré-gravada)<span class="permalink"><a href="#sign-language-prerecorded" aria-label="Link Permanente para 1.2.6 Língua de sinais (Pré-gravada)" title="Link Permanente para 1.2.6 Língua de sinais (Pré-gravada)"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/sign-language-prerecorded.html">Compreendendo Língua de sinais (Pré-gravada) (em inglês)</a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#sign-language-prerecorded">Como cumprir Língua de sinais (Pré-gravada) (em inglês)</a></div><p class="conformance-level">(Nível AAA)</p>
<p>É fornecida <a href="#dfn-sign-language-interpretation" class="internalDFN" data-link-type="dfn"> interpretação em língua de sinais</a> para todo o <a href="#dfn-prerecorded" class="internalDFN" data-link-type="dfn">conteúdo de </a> <a href="#dfn-audio" class="internalDFN" data-link-type="dfn">audio</a> pré-gravado existente em um conteúdo em <a href="#dfn-synchronized-media" class="internalDFN" data-link-type="dfn">mídia sincronizada</a>.
</p>
</section>
<section class="sc" id="extended-audio-description-prerecorded">
<h4 id="x1-2-7-extended-audio-description-prerecorded"><span class="secno">Critério de Sucesso 1.2.7 </span> Audiodescrição Estendida (Pré-gravada)<span class="permalink"><a href="#extended-audio-description-prerecorded" aria-label="Link Permanente para 1.2.7 Audiodescrição Estendida (Pré-gravada)" title="Link Permanente para 1.2.7 Audiodescrição Estendida (Pré-gravada)"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/extended-audio-description-prerecorded.html"> Compreendendo Audiodescrição Estendida (Pré-gravada) (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#extended-audio-description-prerecorded">Como cumprir Audiodescrição Estendida (Pré-gravada) (em inglês)</a></div><p class="conformance-level">(Nível AAA)</p>
<p> Quando as pausas no áudio de primeiro plano forem insuficientes para permitir que <a href="#dfn-audio-descriptions" class="internalDFN" data-link-type="dfn"> as audiodescrições</a> transmitam o sentido do vídeo, é fornecida uma <a href="#dfn-extended-audio-description" class="internalDFN" data-link-type="dfn"> audiodescrição estendida </a> para todo o vídeo <a href="#dfn-prerecorded" class="internalDFN" data-link-type="dfn">pré-gravado</a> existente <a href="#dfn-video" class="internalDFN" data-link-type="dfn"></a> no conteúdo em <a href="#dfn-synchronized-media" class="internalDFN" data-link-type="dfn">mídia sincronizada</a>.
</p>
</section>
<section class="sc" id="media-alternative-prerecorded">
<h4 id="x1-2-8-media-alternative-prerecorded"><span class="secno">Critério de Sucesso 1.2.8 </span> Mídia Alternativa (Pré-gravada) <span class="permalink"><a href="#media-alternative-prerecorded" aria-label="Link Permanente para 1.2.8 Mídia Alternativa (Pré-gravada)" title="Link Permanente para 1.2.8 Mídia Alternativa (Pré-gravada)"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/media-alternative-prerecorded.html">Compreendendo Mídia Alternativa (Pré-gravada) (em inglês) </a> <span class="screenreader"></span>
<br><a href="https://www.w3.org/WAI/WCAG21/quickref/#media-alternative-prerecorded">Como cumprir Mídia Alternativa (Pré-gravada) (em inglês) </a></div><p class="conformance-level">(Nível AAA)</p>
<p>É fornecida <a href="#dfn-alternative-for-time-based-media" class="internalDFN" data-link-type="dfn">uma alternativa para mídia com base em tempo </a> para todo o conteúdo existente em <a href="#dfn-synchronized-media" class="internalDFN" data-link-type="dfn"> mídia sincronizada </a> <a href="#dfn-prerecorded" class="internalDFN" data-link-type="dfn"> pré-gravada</a> e para a todo o conteúdo multimídia composto por apenas <a href="#dfn-video-only" class="internalDFN" data-link-type="dfn"> vídeo </a> pré-gravado.
</p>
</section>
<section class="sc" id="audio-only-live">
<h4 id="x1-2-9-audio-only-live"><span class="secno">Critério de Sucesso 1.2.9 </span>Apenas Áudio (Ao Vivo) <span class="permalink"><a href="#audio-only-live" aria-label="Link Permanente para 1.2.9 Apenas Áudio (Ao Vivo)" title="Link Permanente para 1.2.9 Apenas Áudio (Ao Vivo)"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/audio-only-live.html">Compreendendo Apenas áudio (Ao Vivo) (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#audio-only-live"> Como cumprir Apenas áudio (Ao Vivo) (em inglês) </a></div><p class="conformance-level">(Nível AAA)</p>
<p>É fornecida uma <a href="#dfn-alternative-for-time-based-media" class="internalDFN" data-link-type="dfn"> alternativa para mídia com base em tempo</a> que apresenta informações equivalentes para conteúdo apenas<a href="#dfn-audio-only" class="internalDFN" data-link-type="dfn"> áudio </a> <a href="#dfn-live" class="internalDFN" data-link-type="dfn"> ao vivo </a>.
</p>
</section>
</section>
<section class="guideline" id="adaptable">
<h3 id="x1-3-adaptable"><span class="secno">Diretriz 1.3 </span> Adaptável <span class="permalink"><a href="#adaptable" aria-label="Link Permanente para 1.3 Adaptável" title="Link Permanente para 1.3 Adaptável"><span>§</span></a></span></h3>
<p>Criar conteúdo que pode ser apresentado de diferentes maneiras (por exemplo um layout simplificado) sem perder informação ou estrutura.</p>
<section class="sc" id="info-and-relationships">
<h4 id="x1-3-1-info-and-relationships"><span class="secno"> Critério de Sucesso 1.3.1 </span> Informações e Relações <span class="permalink"><a href="#info-and-relationships" aria-label="Link Permanente para 1.3.1 Informações e Relações" title="Link Permanente para 1.3.1 Informações e Relações"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html">Compreendendo Informações e Relações (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#info-and-relationships">Como cumprir Informações e Relações (em inglês) </a></div><p class="conformance-level">(Nível A)</p>
<p>As informações, <a href="#dfn-structure" class="internalDFN" data-link-type="dfn"> a estrutura</a>,e os <a href="#dfn-relationships" class="internalDFN" data-link-type="dfn">relacionamentos</a> transmitidos através de <a href="#dfn-presentation" class="internalDFN" data-link-type="dfn">apresentação</a> podem ser <a href="#dfn-programmatically-determinable" class="internalDFN" data-link-type="dfn">determinados por meio de código de programação</a> ou estão disponíveis no texto.
</p>
</section>
<section class="sc" id="meaningful-sequence">
<h4 id="x1-3-2-meaningful-sequence"><span class="secno">Critério de Sucesso 1.3.2 </span>Sequência com Significado<span class="permalink"><a href="#meaningful-sequence" aria-label="Link Permanente para 1.3.2 Sequência com Significado" title="Link Permanente para 1.3.2 Sequência com Significado"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html">Compreendendo Sequência com Significado (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#meaningful-sequence">Como cumprir Sequência com Significado (em inglês) </a></div><p class="conformance-level">(Nível A)</p>
<p>Quando a sequência na qual o conteúdo é apresentado afeta o seu significado, uma <a href="#dfn-correct-reading-sequence" class="internalDFN" data-link-type="dfn"> sequência de leitura correta </a> pode ser <a href="#dfn-programmatically-determinable" class="internalDFN" data-link-type="dfn">determinada por meio de código de programação</a>.
</p>
</section>
<section class="sc" id="sensory-characteristics">
<h4 id="x1-3-3-sensory-characteristics"><span class="secno">Critério de Sucesso 1.3.3 </span>Características Sensoriais <span class="permalink"><a href="#sensory-characteristics" aria-label="Link Permanente para 1.3.3 Características Sensoriais" title="Link Permanente para 1.3.3 Características Sensoriais"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/sensory-characteristics.html">Compreendendo Características Sensoriais (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#sensory-characteristics">Como cumprir Características Sensoriais (em inglês) </a></div><p class="conformance-level"> (Nível A)</p>
<p> As instruções fornecidas para compreender e utilizar o conteúdo não dependem somente das características sensoriais dos componentes, tais como forma, cor, tamanho, localização visual, orientação ou som. </p>
<div class="note" id="issue-container-generatedID"><div role="heading" class="note-title marker" id="h-note" aria-level="5"><span>Nota</span></div><p class="">Para requisitos relacionados com a cor, consulte a <a href="#distinguishable">Diretriz 1.4</a>.</p></div>
</section>
<section class="sc new" id="orientation">
<h4 id="x1-3-4-orientation"><span class="secno">Critério de Sucesso 1.3.4 </span>Orientação<span class="permalink"><a href="#orientation" aria-label="Link Permanente para 1.3.4 Orientação" title="Link Permanente para 1.3.4 Orientação"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/orientation.html">Compreendendo Orientação (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#orientation">Como Cumprir Orientação (em inglês) </a></div><p class="conformance-level">(Nível AA)</p>
<p> O conteúdo não restringe sua visualização e operação a uma única orientação de exibição, como um retrato ou uma paisagem, a menos que uma orientação de exibição específica seja <a href="#dfn-essential" class="internalDFN" data-link-type="dfn"> essencial</a>.</p>
<div class="note" id="issue-container-generatedID-0"><div role="heading" class="note-title marker" id="h-note-0" aria-level="5"><span>Nota</span></div><p class="">Exemplos em que uma determinada orientação de exibição pode ser essencial são uma verificação de banco, uma aplicação de piano, slides para projetor ou televisão ou conteúdo de realidade virtual em que a orientação de exibição binária não seja aplicável.</p></div>
</section>
<section class="sc new" id="identify-input-purpose">
<h4 id="x1-3-5-identify-input-purpose"><span class="secno">Critlério de Sucesso 1.3.5 </span>Identificar a Finalidade de Entrada<span class="permalink"><a href="#identify-input-purpose" aria-label="Link Permanente para 1.3.5 Identificar a Finalidade de Entrada" title="Link Permanente para 1.3.5 Identificar a Finalidade de Entrada"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html">Compreendendo Identificar a Finalidade de Entrada (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#identify-input-purpose">Como Cumprir Identificar a Finalidade de Entrada (em inglês) </a></div><p class="conformance-level">(Nível AA)</p>
<p>A finalidade de cada campo de entrada de coletar informações sobre o usuário pode ser <a href="#dfn-programmatically-determinable" class="internalDFN" data-link-type="dfn">determinada de forma programática</a> quando:</p>
<ul>
<li>O campo de entrada serve à finalidade identificada na <a href="#input-purposes">seção Finalidades de Entrada para Componentes de Interface de Usuário</a>; </li>
<li>O conteúdo é implementado por meio da utilização de tecnologias com suporte para identificar o significado esperado para os dados de entrada do formulário.</li>
</ul>
</section>
<section class="sc new" id="identify-purpose">
<h4 id="x1-3-6-identify-purpose"><span class="secno">Critério de Sucesso 1.3.6 </span>Identificar a Finalidade<span class="permalink"><a href="#identify-purpose" aria-label="Link Permanente para 1.3.6 Identificar a Finalidade" title="Link Permanente para 1.3.6 Identificar a Finalidade"><span>§</span></a></span></h4>
<div class="doclinks"><a href="https://www.w3.org/WAI/WCAG21/Understanding/identify-purpose.html">Compreendendo Identificar a Finalidade (em inglês) </a> <span class="screenreader"></span> <br><a href="https://www.w3.org/WAI/WCAG21/quickref/#identify-purpose">Como Cumprir Identificar a Finalidade (em inglês) </a></div><p class="conformance-level">(Nível AAA)</p>
<p>Em conteúdo implementado que utiliza linguagens de marcação, a finalidade dos <a href="#dfn-user-interface-components" class="internalDFN" data-link-type="dfn"> Componentes de Interface de Usuário</a>, ícones, e <a href="#dfn-regions" class="internalDFN" data-link-type="dfn">regiões</a> podem ser <a href="#dfn-programmatically-determinable" class="internalDFN" data-link-type="dfn">determinados programaticamente</a>.</p>
</section>