forked from DISIC/rgaa_referentiel
-
Notifications
You must be signed in to change notification settings - Fork 3
/
changelog.html
1604 lines (1525 loc) · 136 KB
/
changelog.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 lang="fr">
<head>
<meta charset="utf-8">
<title>Note de révision - RGAA 3 2017 | Les documents de référence du S.I. de l'État</title>
<meta content="Note de révision - Référentiel Général d'Accessibilité pour les Administrations, version 3 2017. Note de révision." name="description" />
<meta content="Accessibilité, RGAA, RGAA 3 2017, Référentiel Général d'Accessibilité pour les Administrations, note de révision" name="keywords" />
<meta content="3 2017" name="version" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" media="all" href="css/rgaa.main.css" />
<link rel="shortcut icon" href="/sites/default/files/marianne_0.ico" type="image/vnd.microsoft.icon">
</head>
<body>
<div class="skiplinks">
<div class="inside">
<p>Accès direct :</p>
<ul>
<li><a href="#menu">Menu principal</a></li>
<li><a href="#main">Contenu</a></li>
</ul>
<p class="version">RGAA version 3 2017, publié le 28/07/2017 <a href="changelog.html">Note de révision</a></p>
</div>
</div>
<div class="rgaa-header">
<header role="banner" class="main-header">
<p class="img"><a title="Retour à l'accueil, Secrétariat Général pour la modernisation de l'action publique, Premier ministre, République Française" href="../"><img width="69" height="93" class="sgmap-logo" src="img/modernisation-logo.jpg" alt="Retour à l'accueil, Secrétariat Général pour la modernisation de l'action publique, Premier ministre, République Française" /></a></p>
<p class="slogan">Les documents de référence du S.I. de l'État
<span class="ss-titre">un service proposé par <a href="http://modernisation.gouv.fr/">modernisation.gouv.fr</a></span></p>
</header>
<nav tabindex="-1" id="menu" role="navigation" aria-label="menu principal">
<ul>
<li class="link-home"><a href="https://github.com/DISIC/rgaa_referentiel_3-2016">Retour à l'accueil</a></li>
<li><a href=".">RGAA</a></li>
<li><a href="introduction-RGAA.html">Introduction au RGAA</a></li>
<li><a href="guide-accompagnement-RGAA.html">Guide d'accompagnement</a></li>
<li><a href="criteres.html">Référentiel technique</a></li>
</ul>
</nav>
</div>
<div id="wrapper">
<section aria-labelledby="main-title">
<main tabindex="-1" id="main" role="main">
<h1 id="main-title">Note de révision</h1>
<p>Téléchargez la note de révision de la version 3 2016 à la version 3 2017 : <a href="RGAA-PDF/RGAA-3-2017-PDF/RGAA-3-2017-Note-de-version.pdf">format PDF (938 kilo-octets)</a>, <a href="RGAA-PDF/RGAA-3-2017-Libre-Office/RGAA-3-2017-Note-de-version.odt">format ODT (91 kilo-octets)</a>.</p>
<nav tabindex="-1" role="navigation">
<h2>Documents impactés par la mise à jour</h2>
<ul>
<li><a href="#ndv-referentiel">Référentiel technique</a></li>
<li><a href="#ndv-glossaire">Glossaire</a></li>
<li><a href="#ndv-caspart">Cas particuliers</a></li>
<li><a href="#ndv-notestech">Notes techniques</a></li>
<li><a href="#ndv-accompagnement">Guide d'accompagnement</a></li>
<li><a href="#ndv-introduction">Introduction</a></li>
<li><a href="#ndv-references">Références</a></li>
</ul>
</nav>
<section id="ndv-resume">
<div class="block">
<h2>Résumé des modifications notables</h2>
<ul>
<li><strong>Création de 3 nouveaux tests</strong> :
<ul>
<li><a href="#ndv-3-3-5">3.3.5 et 3.4.5</a> : pour évaluer le contraste du mécanisme permettant d'améliorer les contrastes d'une page.</li>
<li><a href="#ndv-7-1-7">7.1.7</a> : pour évaluer la pertinence des boutons hors formulaire.</li>
</ul>
</li>
<li><strong>Suppression de 3 tests</strong> :
<ul>
<li><a href="#ndv-12-10">12.10.1, 12.10.2 et 12.10.3</a> sont supprimés.</li>
</ul>
</li>
<li>La balise <code lang="en">title</code> de l'élément <code lang="en">svg</code> remplace la balise <code lang="en">desc</code> pour la labellisation des éléments : <a href="#ndv-1-3-8">1.3.8</a>, <a href="#ndv-1-4-8">1.4.8</a>, <a href="#ndv-1-6-6">1.6.6</a>.</li>
<li>La possibilité de recourir aux mécanismes de replacement pour rendre les liens images et les liens composites explicites hors contexte : <a href="#ndv-6-3">6.3</a>.</li>
<li>Généralisation de la restitution par les technologies d'assistance à tous les dispositifs JavaScript qui mettent à jour du contenu : <a href="#ndv-7-1-5">7.1.5</a>.</li>
<li>Suppression de l'obligation d'une étiquette visible à la prise de focus pour les étiquettes créées via <code lang="en">aria-label</code> : <a href="#ndv-11-1-3">11.1.3</a>, <a href="#ndv-11-1-4">11.1.4</a>.</li>
<li>Prise en charge d'autres méthodes d'implémentation que <code lang="en">fieldset</code> pour les groupements de champs de formulaires : <a href="#ndv-11-5">11.5.1, 11.6.1, 11.7.1</a>.</li>
<li>Création d'une entrée de glossaire pour traiter des cas d'implémentation des propriétés <code lang="en">aria-labelledby</code> ou <code lang="en">aria-describedby</code> qui peuvent référencer plusieurs passages de texte : « <a href="#ndv-passage-aria">Passage de texte lié par <code lang="en">aria-labelledby</code> ou <code lang="en">aria-describedby</code> »</a></li>
<li>Les composants inactifs sont maintenant gérés via le <a href="#ndv-caspart-3-3">cas particulier des critères 3.3 et 3.4</a>.</li>
</ul>
</div>
</section>
<h2>Modifications générales sur tout ou partie des documents</h2>
<ul>
<li>Les guillemets français sont remplacés quand nécessaire.</li>
<li>« i.e » est remplacé par « c'est-à-dire ».</li>
<li>« Web » est remplacé par « web » lorsqu'il n'est pas employé en tant que nom.</li>
<li>« Audio-description » est remplacé par « Audiodescription ».</li>
</ul>
<section tabindex="-1" id="ndv-referentiel">
<h2>Référentiel technique</h2>
<article id="ndv-1-1">
<h3>Modification des tests 1.1.3 et 1.3.3</h3>
<p>Uniformisation des appellations sur « bouton de type image ».</p>
<h4>Ancien test 1.1.3</h4>
<div class="block">
<p>Test 1.1.3 : Chaque bouton de formulaire (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>) a-t-il un attribut <code lang="en">alt</code> ?</p>
</div>
<h4>Nouveau test 1.1.3</h4>
<div class="block">
<p>Test 1.1.3 : Chaque <strong>bouton de type image</strong> (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>) a-t-il un attribut <code lang="en">alt</code> ?</p>
</div>
<h4>Ancien test 1.3.3</h4>
<div class="block">
<p>Test 1.3.3 : Chaque bouton associé à une image (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>), ayant un attribut <code lang="en">alt</code>, vérifie-t-il ces conditions (hors cas particuliers) ?</p>
</div>
<h4>Nouveau test 1.3.3</h4>
<div class="block">
<p>Test 1.3.3 : Chaque <strong>bouton de type image</strong> (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>), ayant un attribut <code lang="en">alt</code>, vérifie-t-il ces conditions (hors cas particuliers) ?</p>
</div>
</article>
<article id="ndv-1-2">
<h3>Modification des tests du critère 1.2</h3>
<p>Modification des tests 1.2.3, 1.2.5, 1.2.6 : ajout d'une condition sur l'absence de l'attribut <code lang="en">title</code> pour les éléments <code lang="en">embed</code>, <code lang="en">canvas</code> et <code lang="en">object</code>.</p>
<h4>Ancien test 1.2.3</h4>
<div class="block">
<p>Test 1.2.3 : Chaque image objet (balise <code lang="en">object</code> avec l'attribut <code lang="en">type="image/…"</code>) de décoration, sans légende, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">object</code> possède un attribut <code lang="en">aria-hidden="true"</code> ;</li>
<li>L'alternative textuelle entre <code lang="en"><object></code> et <code lang="en"></object></code> est vide ;</li>
<li>La balise <code lang="en">object</code> ou l'un de ses enfants est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image (<code lang="en">aria-label</code>, <code lang="en">aria-describedby</code>, <code lang="en">aria-labelledby</code> par exemple).</li>
</ul>
</div>
<h4>Nouveau test 1.2.3</h4>
<div class="block">
<p>Test 1.2.3 : Chaque image objet (balise <code lang="en">object</code> avec l'attribut <code lang="en">type="image/…"</code>) de décoration, sans légende, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">object</code> possède un attribut <code lang="en">aria-hidden="true"</code>.</li>
<li>L'alternative textuelle entre <code lang="en"><object></code> et <code lang="en"></object></code> est vide.</li>
<li><strong>La balise <code lang="en">object</code> ou l'un de ses enfants est dépourvue d'attribut <code lang="en">title</code>.</strong></li>
<li>La balise <code lang="en">object</code> ou l'un de ses enfants est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image (<code lang="en">aria-label</code>, <code lang="en">aria-describedby</code>, <code lang="en">aria-labelledby</code> par exemple).</li>
</ul>
</div>
<h4>Ancien test 1.2.5</h4>
<div class="block">
<p>Test 1.2.5 : Chaque image <span lang="en">bitmap</span> (balise <code lang="en">canvas</code>) de décoration, sans légende, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">canvas</code> possède un attribut <code lang="en">aria-hidden="true"</code> ;</li>
<li>Le contenu entre <code lang="en"><canvas></code> et <code lang="en"></canvas></code> est dépourvue de contenus textuels ;</li>
<li>La balise <code lang="en">canvas</code> ou l'un de ses enfants est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image (<code lang="en">aria-label</code>, <code lang="en">aria-describedby</code>, <code lang="en">aria-labelledby</code> par exemple).</li>
</ul>
</div>
<h4>Nouveau test 1.2.5</h4>
<div class="block">
<p>Test 1.2.5 : Chaque image <span lang="en">bitmap</span> (balise <code lang="en">canvas</code>) de décoration, sans légende, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">canvas</code> possède un attribut <code lang="en">aria-hidden="true"</code>.</li>
<li>Le contenu entre <code lang="en"><canvas></code> et <code lang="en"></canvas></code> est dépourvue de contenus textuels.</li>
<li><strong>La balise <code lang="en">canvas</code> ou l'un de ses enfants est dépourvue d'attribut <code lang="en">title</code>.</strong></li>
<li>La balise <code lang="en">canvas</code> ou l'un de ses enfants est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image (<code lang="en">aria-label</code>, <code lang="en">aria-describedby</code>, <code lang="en">aria-labelledby</code> par exemple).</li>
</ul>
</div>
<h4>Ancien test 1.2.6</h4>
<div class="block">
<p>Test 1.2.6 : Chaque image embarquée (balise <code lang="en">embed</code> avec l'attribut <code lang="en">type="image/…"</code>) de décoration, sans légende, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">embed</code> possède un attribut <code lang="en">aria-hidden="true"</code> ;</li>
<li>La balise <code lang="en">embed</code> ou l'un de ses enfants est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image (<code lang="en">aria-label</code>, <code lang="en">aria-describedby</code>, <code lang="en">aria-labelledby</code> par exemple).</li>
</ul>
</div>
<h4>Nouveau test 1.2.6</h4>
<div class="block">
<p>Test 1.2.6 : Chaque image embarquée (balise <code lang="en">embed</code> avec l'attribut <code lang="en">type="image/…"</code>) de décoration, sans légende, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">embed</code> possède un attribut <code lang="en">aria-hidden="true"</code>.</li>
<li><strong>La balise <code lang="en">embed</code> ou l'un de ses enfants est dépourvue d'attribut <code lang="en">title</code>.</strong></li>
<li>La balise <code lang="en">embed</code> ou l'un de ses enfants est dépourvue de rôle, propriété ou état ARIA visant à labelliser l'image (<code lang="en">aria-label</code>, <code lang="en">aria-describedby</code>, <code lang="en">aria-labelledby</code> par exemple).</li>
</ul>
</div>
</article>
<article id="ndv-1-3-8">
<h3>Modification du test 1.3.8</h3>
<p>La balise <code lang="en">title</code> de l'élément <code lang="en">svg</code> remplace la balise <code lang="en">desc</code> dans la troisième condition. Dans la condition 3, on répéte « identique à la propriété <code lang="en">aria-label</code> et à l'attribut <code lang="en">title</code> de la balise <code lang="en">svg</code> s'il est présent », mais cette condition sur l'attribut <code lang="en">title</code> est déjà testée en condition 2. Cette mention est retirée.</p>
<h4>Ancien test 1.3.8</h4>
<div class="block">
<p>Test 1.3.8 : Chaque image vectorielle (balise svg) porteuse d'information, en l'absence d'alternative, vérifie-t-elle ces conditions (hors cas particuliers) ?</p>
<ul>
<li>La balise <code lang="en">svg</code> possède un <code lang="en">role="img"</code> ;</li>
<li>La balise <code lang="en">svg</code> possède une propriété <code lang="en">aria-label</code> dont le contenu est pertinent et identique à l'attribut <code lang="en">title</code> s'il est présent ;</li>
<li>La balise <code lang="en">svg</code> possède une balise <code lang="en">desc</code> dont le contenu est pertinent et contient un passage de texte identique à la propriété <code lang="en">aria-label</code> <strong>et à l'attribut <code lang="en">title</code> de la balise <code lang="en">svg</code> s'il est présent.</strong></li>
</ul>
</div>
<h4>Nouveau test 1.3.8</h4>
<div class="block">
<p>Test 1.3.8 : Chaque image vectorielle (balise svg) porteuse d'information, en l'absence d'alternative, vérifie-t-elle ces conditions (hors cas particuliers) ?</p>
<ul>
<li>La balise <code lang="en">svg</code> possède un <code lang="en">role="img"</code>.</li>
<li>La balise <code lang="en">svg</code> possède une propriété <code lang="en">aria-label</code> dont le contenu est pertinent et identique à l'attribut <code lang="en">title</code> s'il est présent.</li>
<li>La balise <code lang="en">svg</code> possède une balise <strong><code lang="en"><title></code></strong> dont le contenu est pertinent et contient un passage de texte identique à la propriété <code lang="en">aria-label</code>.</li>
</ul>
</div>
</article>
<article id="ndv-1-4-8">
<h3>Modification du test 1.4.8</h3>
<p>La balise <code lang="en">title</code> de l'élément <code lang="en">svg</code> remplace la balise <code lang="en">desc</code> dans la troisième condition. Dans les conditions 3 et 4, on répéte « identique à la propriété <code lang="en">aria-label</code> et à l'attribut <code lang="en">title</code> de la balise <code lang="en">svg</code> s'il est présent », mais cette condition sur l'attribut <code lang="en">title</code> est déjà testée en condition 2. Cette mention est retirée.</p>
<h4>Ancien test 1.4.8</h4>
<div class="block">
<p>Test 1.4.8 : Chaque image vectorielle (balise <code lang="en">svg</code>) utilisée comme <a href="glossaire.html#captcha">CAPTCHA</a> ou comme <a href="glossaire.html#image-test">image-test</a>, en l'absence d'<a href="glossaire.html#alternative-svg">alternative</a>, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">svg</code> possède un <code lang="en">role="img"</code> ;</li>
<li>La balise <code lang="en">svg</code> possède une propriété <code lang="en">aria-label</code> dont le contenu permet de comprendre la nature et la fonction de l'image et identique à l'attribut <code lang="en">title</code> s'il est présent ;</li>
<li>La balise <code lang="en">svg</code> possède une balise <code lang="en">desc</code> dont le contenu permet de comprendre la nature et la fonction de l'image et identique à la propriété <code lang="en">aria-label</code> <strong>et à l'attribut <code lang="en">title</code> de la balise <code lang="en">svg</code> s'il est présent</strong> ;</li>
<li>Un lien adjacent permet d'accéder à une alternative dont le contenu permet de comprendre la nature et la fonction de l'image et identique à la propriété <code lang="en">aria-label</code> <strong>et à l'attribut <code lang="en">title</code> de la balise <code lang="en">svg</code> s'il est présent</strong>.</li>
</ul>
</div>
<h4>Nouveau test 1.4.8</h4>
<div class="block">
<p>Test 1.4.8 : Chaque image vectorielle (balise <code lang="en">svg</code>) utilisée comme CAPTCHA ou comme image-test, en l'absence d'<a href="glossaire.html#alternative-svg">alternative</a>, vérifie-t-elle ces conditions ?</p>
<ul>
<li>La balise <code lang="en">svg</code> possède un <code lang="en">role="img"</code>.</li>
<li>La balise <code lang="en">svg</code> possède une propriété <code lang="en">aria-label</code> dont le contenu permet de comprendre la nature et la fonction de l'image et identique à l'attribut <code lang="en">title</code> s'il est présent.</li>
<li>La balise <code lang="en">svg</code> possède une balise <strong><code lang="en"><title></code></strong> dont le contenu permet de comprendre la nature et la fonction de l'image et identique à la propriété <code lang="en">aria-label</code>.</li>
<li>Un lien adjacent permet d'accéder à une alternative dont le contenu permet de comprendre la nature et la fonction de l'image et identique à la propriété <code lang="en">aria-label</code>.</li>
</ul>
</div>
</article>
<article id="ndv-1-4-12">
<h3>Modification du test 1.4.12</h3>
<p>Ajout de la mention « contenu entre <code lang="en"><canvas></code> et <code lang="en"></canvas></code> » pour homogénéisation avec le test 1.3.12.</p>
<h4>Ancien test 1.4.12</h4>
<div class="block">
<p>Test 1.4.12 : Pour chaque image <span lang="en">bitmap</span> (balise <code lang="en">canvas</code>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, l'alternative textuelle est-elle correctement restituée par les technologies d'assistance ?</p>
</div>
<h4>Nouveau test 1.4.12</h4>
<div class="block">
<p>Test 1.4.12 : Pour chaque image <span lang="en">bitmap</span> (balise <code lang="en"><canvas></code>) utilisée comme CAPTCHA ou comme image-test, ayant une alternative <strong>(contenu entre <code lang="en"><canvas></code> et <code lang="en"></canvas></code>)</strong>, cette alternative est-elle correctement restituée par les technologies d'assistance ?</p>
</div>
</article>
<article id="ndv-1-6-5">
<h3>Modification du test 1.6.5</h3>
<p>Le test n'oblige plus à ce que la description détaillée fournie via <code lang="en">aria-describedby</code> soit adjacente au bouton.</p>
<h4>Ancien test 1.6.5</h4>
<div class="block">
<p>Test 1.6.5 : Chaque bouton de type image (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>) porteur d'information, qui implémente une référence à une description détaillée <strong>adjacente</strong> via une propriété <code lang="en">aria-describedby</code>, vérifie-t-il ces conditions ?</p>
</div>
<h4>Nouveau test 1.6.5</h4>
<div class="block">
<p>Test 1.6.5 : Chaque bouton de type image (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>) porteur d'information, qui implémente une référence à une description détaillée via une propriété <code lang="en">aria-describedby</code>, vérifie-t-il ces conditions ?</p>
</div>
</article>
<article id="ndv-1-6-6">
<h3>Modification du test 1.6.6</h3>
<p>La balise <code lang="en"><title></code> de l'élément <code lang="en">svg</code> remplace la balise <code lang="en"><desc></code> dans la seconde condition, pour être cohérent avec les modifications faites sur les tests <a href="#ndv-1-3-8">1.3.8</a> et <a href="#ndv-1-4-8">1.4.8</a>.</p>
<h4>Ancien test 1.6.6</h4>
<div class="block">
<p>Test 1.6.6 : Chaque image vectorielle (balise <code lang="en">svg</code>) porteuse d'information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>Il existe une propriété <code lang="en">aria-label</code> contenant une référence à une description détaillée adjacente à l'image vectorielle ;</li>
<li>Il existe une balise <code lang="en">desc</code> contenant une référence à une description détaillée adjacente à l'image vectorielle ;</li>
<li>Il existe une balise <code lang="en">desc</code> contenant la description détaillée ;</li>
<li>Il existe un lien adjacent (via une url ou une ancre) permettant d'accéder au contenu de la description détaillée.</li>
</ul>
</div>
<h4>Nouveau test 1.6.6</h4>
<div class="block">
<p>Test 1.6.6 : Chaque image vectorielle (balise <code lang="en">svg</code>) porteuse d'information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>Il existe une propriété <code lang="en">aria-label</code> contenant une référence à une description détaillée adjacente à l'image vectorielle.</li>
<li><strong>La balise <code lang="en"><title></code> contient une référence à une description détaillée adjacente à l'image vectorielle.</strong></li>
<li>Il existe une balise <code lang="en">desc</code> contenant la description détaillée.</li>
<li>Il existe un lien adjacent (via une url ou une ancre) permettant d'accéder au contenu de la description détaillée.</li>
</ul>
</div>
</article>
<article id="ndv-1-7">
<h3>Modification des tests du critère 1.7</h3>
<p>Toutes les conditions doivent être respectées lorsque plusieurs implémentations concurrentes sont mises en place.</p>
<h4>Ancien test 1.7.1</h4>
<div class="block">
<p>Test 1.7.1 : Chaque image (balise <code lang="en">img</code>) porteuse d'information, ayant une description détaillée, vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>La description détaillée via l'adresse référencée dans l'attribut <code lang="en">longdesc</code> est pertinente ;</li>
<li>La description détaillée dans la page et signalée dans l'attribut <code lang="en">alt</code> est pertinente ;</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<h4>Nouveau test 1.7.1</h4>
<div class="block">
<p>Test 1.7.1 : Chaque image (balise <code lang="en">img</code>) porteuse d'information, ayant une description détaillée, <strong>vérifie-t-elle ces conditions</strong> ?</p>
<ul>
<li>La description détaillée via l'adresse référencée dans l'attribut <code lang="en">longdesc</code> est pertinente.</li>
<li>La description détaillée dans la page et signalée dans l'attribut <code lang="en">alt</code> est pertinente.</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<p>Le <a href="#ndv-1-7-2">test 1.7.2 ayant subit d'autres modification, voir la section dédiée ci-après</a>.</p>
<h4>Ancien test 1.7.3</h4>
<div class="block">
<p>Test 1.7.3 : Chaque image objet (balise <code lang="en">object</code> avec l'attribut <code lang="en">type="image/…"</code>) porteuse d'information, ayant une description détaillée, vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>La description détaillée adjacente à l'image objet est pertinente ;</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<h4>Nouveau test 1.7.3</h4>
<div class="block">
<p>Test 1.7.3 : Chaque image objet (balise <code lang="en">object</code> avec l'attribut <code lang="en">type="image/…"</code>) porteuse d'information, ayant une description détaillée, <strong>vérifie-t-elle ces conditions</strong> ?</p>
<ul>
<li>La description détaillée adjacente à l'image objet est pertinente.</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<h4>Ancien test 1.7.4</h4>
<div class="block">
<p>Test 1.7.4 : Chaque image embarquée (balise <code lang="en">embed</code> avec l'attribut <code lang="en">type="image/…"</code>) porteuse d'information, ayant une description détaillée, vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>La description détaillée adjacente à l'image embarquée est pertinente ;</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<h4>Nouveau test 1.7.4</h4>
<div class="block">
<p>Test 1.7.4 : Chaque image embarquée (balise <code lang="en">embed</code> avec l'attribut <code lang="en">type="image/…"</code>) porteuse d'information, ayant une description détaillée, <strong>vérifie-t-elle ces conditions</strong> ?</p>
<ul>
<li>La description détaillée adjacente à l'image embarquée est pertinente.</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<p>Le <a href="#ndv-1-7-5">test 1.7.5 ayant subit d'autres modification, voir la section dédiée ci-après</a>.</p>
<h4>Ancien test 1.7.7</h4>
<div class="block">
<p>Test 1.7.7 : Chaque image <span lang="en">bitmap</span> (balise <code lang="en">canvas</code>) porteuse d'information, ayant undescription détaillée, vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>La description détaillée adjacente à l'image <span lang="en">bitmap</span> est pertinente ;</li>
<li>La description détaillée contenue entre <code lang="en"><canvas></code> et <code lang="en"></canvas></code> est pertinente ;</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<h4>Nouveau test 1.7.7</h4>
<div class="block">
<p>Test 1.7.7 : Chaque image <span lang="en">bitmap</span> (balise <code lang="en">canvas</code>) porteuse d'information, ayant undescription détaillée, <strong>vérifie-t-elle ces conditions</strong> ?</p>
<ul>
<li>La description détaillée adjacente à l'image <span lang="en">bitmap</span> est pertinente.</li>
<li>La description détaillée contenue entre <code lang="en"><canvas></code> et <code lang="en"></canvas></code> est pertinente.</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
</article>
<article id="ndv-1-7-2">
<h3>Modification du test 1.7.2</h3>
<p>Suppression de la condition 1 relative à l'attribut <code lang="en">longdesc</code>, attribut non autorisé sur la balise <code><input></code>, et modification de « une de ces » en « ces » conditions afin de prévenir les cas où plusieurs implémentations concurrentes sont mises en place.</p>
<h4>Ancien test 1.7.2</h4>
<div class="block">
<p>Test 1.7.2 : Chaque bouton de type image (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>) porteur d'information, ayant une description détaillée, vérifie-t-il une de ces conditions ?</p>
<ul>
<li><strong>La description détaillée via l'adresse référencée dans l'attribut <code lang="en">longdesc</code> est pertinente ;</strong></li>
<li>La description détaillée dans la page et signalée dans l'attribut <code lang="en">alt</code> est pertinente ;</li>
<li>La description détaillée via un lien adjacent est pertinente ;</li>
<li>Le passage de texte référencé via la propriété <code lang="en">aria-describedby</code> est pertinent.</li>
</ul>
</div>
<h4>Nouveau test 1.7.2</h4>
<div class="block">
<p>Test 1.7.2 : Chaque bouton de type image (balise <code lang="en">input</code> avec l'attribut <code lang="en">type="image"</code>) porteur d'information, ayant une description détaillée, <strong>vérifie-t-il ces conditions</strong> ?</p>
<ul>
<li>La description détaillée dans la page et signalée dans l'attribut <code lang="en">alt</code> est pertinente.</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
<li>Le passage de texte référencé via la propriété <code lang="en">aria-describedby</code> est pertinent.</li>
</ul>
</div>
</article>
<article id="ndv-1-7-5">
<h3>Modification du test 1.7.5</h3>
<p>Reformulation de la première condition pour faire apparaître les attributs visés et modification de « une de ces » en « ces » conditions afin de prévenir les cas où plusieurs implémentations concurrentes sont mises en place.</p>
<h4>Ancien test 1.7.5</h4>
<div class="block">
<p>Test 1.7.5 : Chaque image vectorielle (balise <code lang="en">svg</code>) porteuse d'information, ayant une description détaillée, vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>La description détaillée adjacente à l'image vectorielle est pertinente ;</li>
<li>La description détaillée contenue dans la balise <code lang="en">desc</code> est pertinente ;</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
<h4>Nouveau test 1.7.5</h4>
<div class="block">
<p>Test 1.7.5 : Chaque image vectorielle (balise <code lang="en">svg</code>) porteuse d'information, ayant une description détaillée, <strong>vérifie-t-elle ces conditions</strong> ?</p>
<ul>
<li>La description détaillée adjacente à l'image vectorielle <strong>et signalée dans la propriété <code lang="en">aria-label</code> ou la balise <code lang="en">desc</code></strong> est pertinente.</li>
<li>La description détaillée contenue dans la balise <code lang="en">desc</code> est pertinente.</li>
<li>La description détaillée via un lien adjacent est pertinente.</li>
</ul>
</div>
</article>
<article id="ndv-3-3-5">
<h3>Création des tests 3.3.5 et 3.4.5</h3>
<p>Création de deux nouveaux tests pour prendre en charge la conformité du contraste du mécanisme permettant, dans les autres tests des critères 3.3 et 3.4, d'afficher la page avec un rapport de contraste suffisant. <a href="#ndv-meca-contraste">Voir également la création de la définition « Mécanisme qui permet d'afficher le texte avec un rapport de contraste conforme »</a>.</p>
<h4>Nouveau test 3.3.5</h4>
<div class="block">
<p>Test 3.3.5 : Chaque mécanisme qui permet d'afficher le texte avec un rapport de contraste conforme a-t-il un rapport de contraste supérieur ou égal à 4,5:1 ?</p>
</div>
<h4>Nouveau test 3.4.5</h4>
<div class="block">
<p>Test 3.3.5 : Chaque mécanisme qui permet d'afficher le texte avec un rapport de contraste conforme a-t-il un rapport de contraste supérieur ou égal à 7:1 ?</p>
</div>
</article>
<article id="ndv-4-1-2">
<h3>Modification du test 4.1.2</h3>
<p>Ajout d'une condition relative à la présence d'une version alternative audio seulement adjacente. « audio-description » et replacé par « audiodescription ».</p>
<h4>Ancien test 4.1.2</h4>
<div class="block">
<p>Test 4.1.2 : Chaque média temporel pré-enregistré seulement vidéo vérifie-t-il, si nécessaire, l'une de ces conditions (hors cas particuliers) ?</p>
<ul>
<li>Il existe une version alternative « audio seulement » accessible via un lien adjacent (une url ou une ancre) ;</li>
<li>Il existe une transcription textuelle accessible via un lien adjacent (une url ou une ancre) ;</li>
<li>Il existe une transcription textuelle adjacente clairement identifiable ;</li>
<li>Il existe une audio-description synchronisée ;</li>
<li>Il existe une version alternative avec une audio-description synchronisée accessible via un lien adjacent (une url ou une ancre).</li>
</ul>
</div>
<h4>Nouveau test 4.1.2</h4>
<div class="block">
<p>Test 4.1.2 : Chaque média temporel pré-enregistré seulement vidéo vérifie-t-il, si nécessaire, l'une de ces conditions (hors cas particuliers) ?</p>
<ul>
<li>Il existe une version alternative « audio seulement » accessible via un lien adjacent (une url ou une ancre).</li>
<li><strong>Il existe une version alternative « audio seulement » adjacente clairement identifiable.</strong></li>
<li>Il existe une transcription textuelle accessible via un lien adjacent (une url ou une ancre).</li>
<li>Il existe une transcription textuelle adjacente clairement identifiable.</li>
<li>Il existe une <strong>audiodescription</strong> synchronisée.</li>
<li>Il existe une version alternative avec une <strong>audiodescription</strong> synchronisée accessible via un lien adjacent (une url ou une ancre).</li>
</ul>
</div>
</article>
<article id="ndv-4-14-2">
<h3>Modification des tests du 4.14.2</h3>
<p>Uniformiser avec le test 4.14.1</p>
<h4>Ancien test 4.14.2</h4>
<div class="block">
<p>Test 4.14.2 : Chaque média temporel synchronisé ayant une transcription textuelle, celle-ci est-elle pertinente ?</p>
</div>
<h4>Nouveau test 4.14.2</h4>
<div class="block">
<p>Test 4.14.2 : <strong>Pour chaque média temporel</strong> synchronisé ayant une transcription textuelle, celle-ci est-elle pertinente ?</p>
</div>
</article>
<article id="ndv-4-22">
<h3>Modification des tests du critère 4.22</h3>
<p>Modification des tests du critère 4.22 : retrait des éléments <code lang="en"><object></code> et <code lang="en"><embed></code> des tests pour généraliser l'application à tous les éléments listés via l'<a href="glossaire.html#mdia-temporel-type-son-vido-et-synchronis">entrée de glossaire des médias temporel</a> et <a href="glossaire.html#mdia-non-temporel">non temporel</a>.</p>
<h4>Ancien test 4.22.1</h4>
<div class="block">
<p>Test 4.22.1 : Chaque média temporel et non temporel <strong>inséré via une balise <code lang="en">object</code> ou <code lang="en">embed</code></strong> vérifie-t-il une de ces conditions (hors cas particuliers) ?</p>
</div>
<h4>Nouveau test 4.22.1</h4>
<div class="block">
<p>Test 4.22.1 : Chaque média temporel et non temporel vérifie-t-il une de ces conditions (hors cas particuliers) ?</p>
</div>
<h4>Ancien test 4.22.2</h4>
<div class="block">
<p>Test 4.22.2 : Chaque média temporel et non temporel <strong>inséré via une balise <code lang="en">object</code> ou <code lang="en">embed</code></strong>, qui possède une alternative compatible avec les technologies d'assistance, vérifie-t-il une de ces conditions ?</p>
</div>
<h4>Nouveau test 4.22.2</h4>
<div class="block">
<p>Test 4.22.2 : Chaque média temporel et non temporel qui possède une alternative compatible avec les technologies d'assistance, vérifie-t-il une de ces conditions ?</p>
</div>
</article>
<article id="ndv-5-5-1">
<h3>Modification du test 5.5.1</h3>
<p>Réécriture pour faire apparaître la notion de pertinence dans le test.</p>
<h4>Ancien test 5.5.1</h4>
<div class="block">
<p>Test 5.5.1 : Pour chaque tableau de données (balise <code lang="en">table</code>) ayant une balise <code lang="en">caption</code>, le contenu de cette balise donne-t-il le titre du tableau ?</p>
</div>
<h4>Nouveau test 5.5.1</h4>
<div class="block">
<p>Test 5.5.1 : Pour chaque tableau de données (balise <code lang="en">table</code>) <strong>ayant un titre de tableau dans la balise <code lang="en">caption</code>, le titre est-il pertinent</strong> ?</p>
</div>
</article>
<article id="ndv-5-8-1">
<h3>Modification du test 5.8.1</h3>
<p><code>colgroup</code> était référencé en tant qu'attribut alors qu'il s'agit d'un élément.</p>
<h4>Ancien test 5.8.1</h4>
<div class="block">
<p>Test 5.8.1 : Chaque tableau de mise en forme (balise <code lang="en">table</code>) vérifie-t-il ces conditions ?</p>
<ul>
<li>Le tableau de mise en forme (balise <code lang="en">table</code>) ne possède pas de balises <code lang="en">caption</code>, <code lang="en">th</code>, <code lang="en">thead</code>, <code lang="en">tfoot</code> ;</li>
<li>Les cellules du tableau de mise en forme (balise <code lang="en">td</code>) ne possèdent pas d'attributs <code lang="en">scope</code>, <code lang="en">headers</code>, <code lang="en">colgroup</code>, <code lang="en">axis</code>.</li>
</ul>
</div>
<h4>Nouveau test 5.8.1</h4>
<div class="block">
<p>Test 5.8.1 : Chaque tableau de mise en forme (balise <code lang="en">table</code>) vérifie-t-il ces conditions ?</p>
<ul>
<li>Le tableau de mise en forme (balise <code lang="en">table</code>) ne possède pas de balises <code lang="en">caption</code>, <code lang="en">th</code>, <code lang="en">thead</code>, <code lang="en">tfoot</code>, <strong><code lang="en">colgroup</code></strong>.</li>
<li>Les cellules du tableau de mise en forme (balise <code lang="en">td</code>) ne possèdent pas d'attributs <code lang="en">scope</code>, <code lang="en">headers</code>, <code lang="en">axis</code>.</li>
</ul>
</div>
</article>
<article id="ndv-6-3">
<h3>Modification des tests du critère 6.3</h3>
<p>Modification des tests du critère 6.3 pour ajouter aux tests 6.3.2 et 6.3.3 la possibilité de recourir aux mécanismes de remplacements. Dans le critère 6.3.3, la précision « contenu texte et de l'attribut <code lang="en">alt</code> » est retiré pour pouvori s'appliquer à tout type d'alternatives. Dans les 3 tests, des liens vers l'entrée de glossaire « intitulé de lien » sont ajoutés.</p>
<h4>Ancien test 6.3.2</h4>
<div class="block">
<p>Test 6.3.2 : Chaque intitulé de lien image est-il explicite hors contexte (hors cas particuliers) ?</p>
</div>
<h4>Nouveau test 6.3.2</h4>
<div class="block">
<p>Test 6.3.2 : Chaque lien image vérifie-t-il une de ces conditions (hors cas particuliers) ?</p>
<ul>
<li>L'intitulé du lien image est explicite hors contexte.</li>
<li>Un mécanisme permet à l'utilisateur d'obtenir un intitulé de lien explicite hors contexte.</li>
<li>Le contenu du titre de lien (attribut <code lang="en">title</code>) est explicite hors contexte.</li>
</ul>
</div>
<h4>Ancien test 6.3.3</h4>
<div class="block">
<p>Test 6.3.3 : Chaque lien composite (contenu texte et de l'attribut <code lang="en">alt</code>) est-il explicite hors contexte (hors cas particuliers) ?</p>
</div>
<h4>Nouveau test 6.3.3</h4>
<div class="block">
<p>Test 6.3.3 : Chaque lien composite vérifie-t-il une de ces conditions (hors cas particuliers) ?</p>
<ul>
<li>L'intitulé du lien composite est explicite hors contexte.</li>
<li>Un mécanisme permet à l'utilisateur d'obtenir un intitulé de lien explicite hors contexte.</li>
<li>Le contenu du titre de lien (attribut <code lang="en">title</code>) est explicite hors contexte.</li>
</ul>
</div>
</article>
<article id="ndv-7-1-5">
<h3>Modification du test 7.1.5</h3>
<p>Généralisation de la restitution par les technologies d'assistance à tous les dispositifs JavaScript qui mettent à jour du contenu et création d'un lien sur <a href="#ndv-composant-interface">« composant d'interface »</a> vers la nouvelle entrée de glossaire.</p>
<h4>Ancien test 7.1.5</h4>
<div class="block">
<p>Test 7.1.5 : Chaque script qui génère ou contrôle un composant d'interface <strong>via des rôles, des états ou des propriétés définis par l'API ARIA</strong> respecte-t-il une de ces conditions ?</p>
<ul>
<li>Le composant d'interface est correctement restitué par les technologies d'assistance ;</li>
<li>Une alternative accessible permet d'accéder aux mêmes fonctionnalités.</li>
</ul>
</div>
<h4>Nouveau test 7.1.5</h4>
<div class="block">
<p>Test 7.1.5 : Chaque script qui génère ou contrôle un composant d'interface respecte-t-il une de ces conditions ?</p>
<ul>
<li>Le composant d'interface est correctement restitué par les technologies d'assistance.</li>
<li>Une alternative accessible permet d'accéder aux mêmes fonctionnalités.</li>
</ul>
</div>
</article>
<article id="ndv-7-1-7">
<h3>Création du test 7.1.7</h3>
<p>Création d'un nouveau test permettant de tester la pertinence des noms des composants gérés par JavaScript, et notamment de prendre en charge de manière explicite les boutons hors formulaire.</p>
<h4>Nouveau test 7.1.7</h4>
<div class="block">
<p>Test 7.1.7 : Chaque script qui génère ou contrôle un composant d'interface vérifie-t-il ces conditions ?</p>
<ul>
<li>Le composant possède un nom pertinent.</li>
<li>Le composant possède un rôle pertinent.</li>
</ul>
</div>
</article>
<article id="ndv-8-10-1">
<h3>Modification du test 8.10.1</h3>
<p>Suppression des deux dernières conditions, prises en charge par le test 8.10.2.</p>
<h4>Ancien test 8.10.1</h4>
<div class="block">
<p>Test 8.10.1 : Dans chaque page Web, chaque texte dont le sens de lecture est différent du sens de lecture par défaut vérifie-t-il ces conditions ?</p>
<ul>
<li>Le texte est contenu dans une balise possédant un attribut <code>dir</code> ;</li>
<li>La valeur de l'attribut <code>dir</code> est conforme (<code>rtl</code> ou <code>ltr</code>) ;</li>
<li>La valeur de l'attribut <code>dir</code> est pertinente.</li>
</ul>
</div>
<h4>Nouveau test 8.10.1</h4>
<div class="block">
<p>Test 8.10.1 : Dans chaque page web, chaque texte dont le sens de lecture est différent du sens de lecture par défaut est contenu dans une balise possédant un attribut <code>dir</code> ?</p>
</div>
</article>
<article id="ndv-10-4">
<h3>Modification du critère 10.4</h3>
<p>Ajout du lien vers le nouveau <a href="#ndv-caspart-10.4">cas particulier pour le critère 10.4</a> sur le critère et les tests 10.4.1 et 10.4.2.</p>
<h4>Ancien critère 10.4</h4>
<div class="block">
<p>Critère 10.4 [<span aria-label="double-A"><span aria-hidden="true">AA</span></span>] Dans chaque page Web, le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu'à 200%, au moins ?</p>
<ul>
<li>Test 10.4.1 : Dans les feuilles de styles du site Web, les unités non relatives (<code lang="en">pt</code>, <code lang="en">pc</code>, <code lang="en">mm</code>, <code lang="en">cm</code>, <code lang="en">in</code>) ne doivent pas être utilisées pour les types de média <code lang="en">screen</code>, <code lang="en">tv</code>, <code lang="en">handheld</code>, <code lang="en">projection</code>. Cette règle est-elle respectée ?</li>
<li>Test 10.4.2 : Dans les feuilles de styles du site Web, pour les types de média <code lang="en">screen</code>, <code lang="en">tv</code>, <code lang="en">handheld</code>, <code lang="en">projection</code>, les tailles de caractères utilisent-elles uniquement des unités relatives ?</li>
<li>Test 10.4.3 : Dans chaque page Web, l'augmentation de la taille des caractères jusqu'à 200%, au moins, ne doit pas provoquer de perte d'information. Cette règle est-elle respectée ?</li>
</ul>
</div>
<h4>Nouveau critère 10.4</h4>
<div class="block">
<p>Critère 10.4 [<span aria-label="double-A"><span aria-hidden="true">AA</span></span>] Dans chaque page web, le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu'à 200%, au moins <strong>(hors cas particuliers)</strong> ?</p>
<ul>
<li>Test 10.4.1 : Dans les feuilles de styles du site web, les unités non relatives (<code lang="en">pt</code>, <code lang="en">pc</code>, <code lang="en">mm</code>, <code lang="en">cm</code>, <code lang="en">in</code>) ne doivent pas être utilisées pour les types de média <code lang="en">screen</code>, <code lang="en">tv</code>, <code lang="en">handheld</code>, <code lang="en">projection</code>. Cette règle est-elle respectée <strong>(hors cas particuliers)</strong> ?</li>
<li>Test 10.4.2 : Dans les feuilles de styles du site web, pour les types de média <code lang="en">screen</code>, <code lang="en">tv</code>, <code lang="en">handheld</code>, <code lang="en">projection</code>, les tailles de caractères utilisent-elles uniquement des unités relatives <strong>(hors cas particuliers)</strong> ?</li>
<li>Test 10.4.3 : Dans chaque page web, l'augmentation de la taille des caractères jusqu'à 200%, au moins, ne doit pas provoquer de perte d'information. Cette règle est-elle respectée ?</li>
</ul>
</div>
</article>
<article id="ndv-11-1-3">
<h3>Modification du test 11.1.3</h3>
<p>Suppression de la condition relative à l'obligation d'une étiquette visible à la prise de focus. Voir <a href="#ndv-11-1-4">la modification du test 11.1.4</a>.<p>
<h4>Ancien test 11.1.3</h4>
<div class="block">
<p>Test 11.1.3 : Chaque champ de formulaire associé à une étiquette via la propriété ARIA <code lang="en">aria-labelledby</code>, vérifie-t-il ces conditions ?</p>
<ul>
<li>L'étiquettepossède un attribut <code lang="en">id</code> ;</li>
<li>La valeur de l'attribut <code lang="en">id</code> est unique ;</li>
<li>Les valeurs de la propriété ARIA <code lang="en">aria-labelledby</code> sont égales à la valeur des attributs <code lang="en">id</code> des passages de textes utilisés pour créer l'étiquette ;</li>
<li><strong>L'étiquetteliée par la propriété ARIA <code lang="en">aria-labelledby</code> est visible à la prise de focus au moins.</strong></li>
</ul>
</div>
<h4>Nouveau test 11.1.3</h4>
<div class="block">
<p>Test 11.1.3 : Chaque champ de formulaire associé à une étiquette via la propriété ARIA <code lang="en">aria-labelledby</code>, vérifie-t-il ces conditions ?</p>
<ul>
<li>L'étiquettepossède un attribut <code lang="en">id</code>.</li>
<li>La valeur de l'attribut <code lang="en">id</code> est unique.</li>
<li>Les valeurs de la propriété ARIA <code lang="en">aria-labelledby</code> sont égales à la valeur des attributs <code lang="en">id</code> des passages de textes utilisés pour créer l'étiquette.</li>
</ul>
</div>
</article>
<article id="ndv-11-1-4">
<h3>Modification du test 11.1.4</h3>
<p>Suppression de l'obligation d'avoir un label visible en complément d'une étiquette implémentée via <code lang="en">aria-label</code>. <a href="#ndv-texte-visible">Une note de glossaire est ajoutée à « si nécessaire » pour permettre à l'auditeur d'évaluer quand il est nécessaire d'avoir un label visible</a> pour les étiquettes créées via <code lang="en">aria-label</code> et <code lang="en">aria-labelledby</code>.<p>
<h4>Ancien test 11.1.4</h4>
<div class="block">
<p>Test 11.1.4 : Chaque champ de formulaire qui utilise une propriété ARIA <code lang="en">aria-label</code> doit être accompagné d'un passage de texte visible et accolé au champ permettant de comprendre la nature de la saisie attendue. Cette règle est-elle respectée ?</p>
</div>
<h4>Nouveau test 11.1.4</h4>
<div class="block">
<p>Test 11.1.4 : Chaque champ de formulaire qui utilise une propriété ARIA <code lang="en">aria-label</code> <strong>ou <code lang="en">aria-labelledby</code> est-il, si nécessaire,</strong> accompagné d'un passage de texte visible et accolé au champ permettant de comprendre la nature de la saisie attendue ?</p>
</div>
</article>
<article id="ndv-11-5">
<h3>Modification des tests 11.5.1, 11.6.1, 11.7.1</h3>
<p>Modification des test pour prendre en charge d'autres cas d'implémentations que <code lang="en">fieldset</code> pour les regroupements de champs. Ajout d'un lien sur « regroupement de champs de formulaires » dans les critères et tests. <a href="#ndv-groupement">Voir également la modification de la définition « Bloc d'informations de même nature »</a>.</p>
<h4>Ancien test 11.5.1</h4>
<div class="block">
<p>Test 11.5.1 : Dans chaque formulaire, les informations de même nature sont-elles regroupées <strong>via une balise <code lang="en">fieldset</code></strong>, si nécessaire ?</p>
</div>
<h4>Nouveau test 11.5.1</h4>
<div class="block">
<p>Test 11.5.1 : Dans chaque formulaire, les informations de même nature sont-elles regroupées, si nécessaire ?</p>
</div>
<h4>Ancien test 11.6.1</h4>
<div class="block">
<p>Test 11.6.1 : Chaque regroupement de champs de formulaire <strong>(balise <code lang="en">fieldset</code>) est-il suivi dans le code source par une légende (balise <code lang="en">legend</code>)</strong> ?</p>
</div>
<h4>Nouveau test 11.6.1</h4>
<div class="block">
<p>Test 11.6.1 : Chaque regroupement de champs de formulaire possède-t-il une légende ?</p>
</div>
<h4>Ancien test 11.7.1</h4>
<div class="block">
<p>Test 11.7.1 : Dans chaque formulaire, chaque légende <strong>(balise <code lang="en">legend</code>)</strong> associée à un groupement de champs de formulaire <strong>(balise <code lang="en">fieldset</code>)</strong> est-elle pertinente ?</p>
</div>
<h4>Nouveau test 11.7.1</h4>
<div class="block">
<p>Test 11.7.1 : Dans chaque formulaire, chaque légende associée à un groupement de champs de formulaire est-elle pertinente ?</p>
</div>
</article>
<article id="ndv-11-9-1">
<h3>Modification du test 11.9.1</h3>
<p>Afin de pallier les multiples implémentations, toutes les conditions doivent être vérifiées lorsque les éléments nommés sont présents.</p>
<h4>Ancien test 11.9.1</h4>
<div class="block">
<p>Test 11.9.1 : Dans chaque formulaire, l'intitulé de chaque bouton vérifie-t-il une de ces conditions ?</p>
<ul>
<li>Le contenu de l'attribut <code lang="en">value</code> des boutons de formulaire de type <code lang="en">submit</code>, <code lang="en">reset</code> ou <code lang="en">button</code> est pertinent.</li>
<li>Le contenu de la balise <code lang="en"><button></code> est pertinent.</li>
<li>Le contenu de l'attribut <code lang="en">title</code> est pertinent.</li>
<li>Le contenu de la propriété ARIA <code lang="en">aria-label</code> est pertinent.</li>
<li>Un passage de texte est lié au bouton via une propriété <code lang="en">aria-labelledby</code>.</li>
</ul>
</div>
<h4>Nouveau test 11.9.1</h4>
<div class="block">
<p>Test 11.9.1 : Dans chaque formulaire, l'intitulé de chaque bouton <strong>vérifie-t-il ces conditions</strong> ?</p>
<ul>
<li>Le contenu de l'attribut <code lang="en">value</code> des boutons de formulaire de type <code lang="en">submit</code>, <code lang="en">reset</code> ou <code lang="en">button</code> est pertinent.</li>
<li>Le contenu de la balise <code lang="en"><button></code> est pertinent.</li>
<li>Le contenu de l'attribut <code lang="en">title</code> est pertinent.</li>
<li>Le contenu de la propriété ARIA <code lang="en">aria-label</code> est pertinent.</li>
<li>Un passage de texte est lié au bouton via une propriété <code lang="en">aria-labelledby</code>.</li>
</ul>
</div>
</article>
<article id="ndv-11-9-2">
<h3>Modification du test 11.9.2</h3>
<p>La condition 3 mentionnait une « étiquette » alors qu'il s'agit d'un « intitulé ».</p>
<h4>Ancien test 11.9.2</h4>
<div class="block">
<p>Test 11.9.2 : Dans chaque formulaire, l'intitulé de chaque bouton implémenté via une propriété ARIA <code lang="en">aria-labelledby</code> vérifie-t-il ces conditions ?</p>
<ul>
<li>Le passage de texte servant d'intitulé possède un attribut <code lang="en">id</code> ;</li>
<li>La valeur de l'attribut <code lang="en">id</code> est unique ;</li>
<li>Les valeurs de la propriété ARIA <code lang="en">aria-labelledby</code> sont égales aux valeurs des attributs <code lang="en">id</code> des passages de texte utilisés pour créer l'étiquette ;</li>
<li>Le passage de texte est pertinent.</li>
</ul>
</div>
<h4>Nouveau test 11.9.2</h4>
<div class="block">
<p>Test 11.9.2 : Dans chaque formulaire, l'intitulé de chaque bouton implémenté via une propriété ARIA <code lang="en">aria-labelledby</code> vérifie-t-il ces conditions ?</p>
<ul>
<li>Le passage de texte servant d'intitulé possède un attribut <code lang="en">id</code>.</li>
<li>La valeur de l'attribut <code lang="en">id</code> est unique.</li>
<li>Les valeurs de la propriété ARIA <code lang="en">aria-labelledby</code> sont égales aux valeurs des attributs <code lang="en">id</code> des passages de texte utilisés pour créer l'<strong>intitulé</strong>.</li>
<li>Le passage de texte est pertinent.</li>
</ul>
</div>
</article>
<article id="ndv-11.10.1">
<h3>Modification des tests 11.10.1, 11.10.4, 11.14.1, 11.14.4</h3>
<p>L'énumération des types d'étiquettes entre parenthèses dans les tests et conditions est retirée, remplacée par un lien sur « étiquette » vers l'entrée de glossaire qui les énumère toutes. <a href="#ndv-11-10-7">Voir également la modification du test 11.10.7</a></p>
<h4>Ancien test 11.10.1</h4>
<div class="block">
<p>Test 11.10.1 : Pour chaque formulaire, les indications de champs obligatoires vérifient-elles une de ces conditions ?</p>
<ul>
<li>L'indication de champ obligatoire est donnée par un passage de texte situé avant le champ de formulaire ;</li>
<li>L'indication de champ obligatoire est donnée via un attribut <code lang="en">required</code> ;</li>
<li>L'indication de champ obligatoire est donnée via la propriété ARIA <code lang="en">aria-required</code> ;</li>
<li>L'indication de champ obligatoire est donnée dans l'étiquette <strong>(balise <code lang="en">label</code>, attribut <code lang="en">title</code>, propriété ARIA <code lang="en">aria-label</code>, passage de texte lié via la propriété ARIA <code lang="en">aria-labelledby</code>)</strong> du champ de formulaire ;</li>
<li>L'indication de champ obligatoire est donnée par un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
</ul>
</div>
<h4>Nouveau test 11.10.1</h4>
<div class="block">
<p>Test 11.10.1 : Pour chaque formulaire, les indications de champs obligatoires vérifient-elles une de ces conditions ?</p>
<ul>
<li>L'indication de champ obligatoire est donnée par un passage de texte situé avant le champ de formulaire.</li>
<li>L'indication de champ obligatoire est donnée via un attribut <code lang="en">required</code>.</li>
<li>L'indication de champ obligatoire est donnée via la propriété ARIA <code lang="en">aria-required</code>.</li>
<li>L'indication de champ obligatoire est donnée dans l'étiquette du champ de formulaire.</li>
<li>L'indication de champ obligatoire est donnée par un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
</ul>
</div>
<h4>Ancien test 11.10.4</h4>
<div class="block">
<p>Test 11.10.4 : Pour chaque formulaire, les erreurs de saisie vérifient-elles une de ces conditions ?</p>
<ul>
<li>L'erreur de saisie est indiquée dans l'étiquette <strong>(balise <code lang="en">label</code>, attribut <code lang="en">title</code>, propriété ARIA <code lang="en">aria-label</code>, passage de texte lié via la propriété ARIA <code lang="en">aria-labelledby</code>)</strong> du champ de formulaire ;</li>
<li>L'erreur de saisie est indiquée par un passage de texte avant le champ de formulaire ;</li>
<li>Le champ de formulaire possède un <code lang="en">type</code> qui produit de manière automatique un message d'erreur de saisie ;</li>
<li>L'erreur de saisie est indiquée par un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code> ;</li>
<li>L'erreur de saisie est indiquée via la propriété ARIA <code lang="en">aria-invalid</code>.;</li>
</ul>
</div>
<h4>Nouveau test 11.10.4</h4>
<div class="block">
<p>Test 11.10.4 : Pour chaque formulaire, les erreurs de saisie vérifient-elles une de ces conditions ?</p>
<ul>
<li>L'erreur de saisie est indiquée dans l'étiquette du champ de formulaire.</li>
<li>L'erreur de saisie est indiquée par un passage de texte avant le champ de formulaire.</li>
<li>Le champ de formulaire possède un <code lang="en">type</code> qui produit de manière automatique un message d'erreur de saisie.</li>
<li>L'erreur de saisie est indiquée par un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
<li>L'erreur de saisie est indiquée via la propriété ARIA <code lang="en">aria-invalid</code>.</li>
</ul>
</div>
<h4>Ancien test 11.14.1</h4>
<div class="block">
<p>Test 11.14.1 : Chaque formulaire vérifie-t-il une de ces conditions ?</p>
<ul>
<li>Il existe un lien vers une page d'aide ;</li>
<li>Il existe des indications avant le formulaire ;</li>
<li>Il existe des indications avant les champs de formulaire ;</li>
<li>Il existe des indications dans l'étiquette <strong>(balise <code lang="en">label</code>, attribut <code lang="en">title</code>, propriété <code lang="en">aria-label</code>, passage de texte lié via la propriété <code lang="en">aria-labelledby</code>)</strong> du champ de formulaire ;</li>
<li>Il existe des indications dans un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code> ;</li>
<li>Un assistant est disponible.</li>
</ul>
</div>
<h4>Nouveau test 11.14.1</h4>
<div class="block">
<p>Test 11.14.1 : Chaque formulaire vérifie-t-il une de ces conditions ?</p>
<ul>
<li>Il existe un lien vers une page d'aide.</li>
<li>Il existe des indications avant le formulaire.</li>
<li>Il existe des indications avant les champs de formulaire.</li>
<li>Il existe des indications dans l'étiquette du champ de formulaire.</li>
<li>Il existe des indications dans un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
<li>Un assistant est disponible.</li>
</ul>
</div>
<h4>Ancien test 11.14.4</h4>
<div class="block">
<p>Test 11.14.4 : Chaque champ de type texte vérifie-t-il, si nécessaire, l'une de ces conditions ?</p>
<ul>
<li>Un correcteur orthographique est disponible ;</li>
<li>Des suggestions de saisie sont disponibles avant le champ du formulaire ;</li>
<li>Des suggestions de saisie sont disponibles dans l'étiquette <strong>(balise <code lang="en">label</code>, attribut <code lang="en">title</code>, propriété <code lang="en">aria-label</code>, passage de texte lié via la propriété <code lang="en">aria-labelledby</code>)</strong> du champ de formulaire ;</li>
<li>Des suggestions de saisie sont disponibles dans un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
</ul>
</div>
<h4>Nouveau test 11.14.4</h4>
<div class="block">
<p>Test 11.14.4 : Chaque champ de type texte vérifie-t-il, si nécessaire, l'une de ces conditions ?</p>
<ul>
<li>Un correcteur orthographique est disponible.</li>
<li>Des suggestions de saisie sont disponibles avant le champ du formulaire.</li>
<li>Des suggestions de saisie sont disponibles dans l'étiquette du champ de formulaire.</li>
<li>Des suggestions de saisie sont disponibles dans un passage de texte lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
</ul>
</div>
</article>
<article id="ndv-11-10-7">
<h3>Modification du test 11.10.7</h3>
<p>Remplacement de « texte » par « passage de texte ». <a href="#ndv-passage-aria">Voir la création de la note de glossaire « Passage de texte lié par <code lang="en">aria-labelledby</code> ou <code lang="en">aria-describedby</code> »</a>. L'énumération des types d'étiquettes entre parenthèses dans la première condition est retirée, remplacée par un lien sur « étiquette » vers l'entrée de glossaire qui les énumère toutes.</p>
<h4>Ancien test 11.10.7</h4>
<div class="block">
<p>Test 11.10.7 : Pour chaque formulaire, chaque champ obligatoire vérifie-t-il une de ces conditions ?</p>
<ul>
<li>Le type de données et/ou de format est indiqué, si nécessaire, dans l'étiquette <strong>(balise <code lang="en">label</code>, attribut <code lang="en">title</code>, propriété ARIA <code lang="en">aria-label</code>, texte lié via la propriété ARIA <code lang="en">aria-labelledby</code>)</strong> du champ ;</li>
<li>Le type de données et/ou de format est indiqué, si nécessaire, par un passage de texte avant le champ de formulaire ;</li>
<li>Le type de données et/ou de format est indiqué, si nécessaire, par un texte lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
</ul>
</div>
<h4>Nouveau test 11.10.7</h4>
<div class="block">
<p>Test 11.10.7 : Pour chaque formulaire, chaque champ obligatoire vérifie-t-il une de ces conditions ?</p>
<ul>
<li>Le type de données et/ou de format est indiqué, si nécessaire, dans l'étiquette du champ.</li>
<li>Le type de données et/ou de format est indiqué, si nécessaire, par un passage de texte avant le champ de formulaire.</li>
<li>Le type de données et/ou de format est indiqué, si nécessaire, par un <strong>passage de texte</strong> lié par la propriété ARIA <code lang="en">aria-describedby</code>.</li>
</ul>
</div>
</article>
<article id="ndv-11-10-2">
<h3>Modification des tests 11.10.2 et 11.10.8</h3>
<p>Suppression de la mention « balise <code lang="en">label</code>, pour généraliser à l'ensemble des types d'étiquettes acceptées, référencées dans la note de glossaire « Étiquette de champ de formulaire ». Un lien est ajouté dans le test 11.10.8 sur le mot « étiquette ».</p>
<h4>Ancien test 11.10.2</h4>
<div class="block">
<p>Test 11.10.2 : Chaque indication de champ obligatoire qui utilise les propriétés ARIA <code lang="en">aria-label</code>, <code lang="en">aria-required</code> ou l'attribut <code lang="en">required</code> doit être accompagnée d'une indication visuelle explicite dans l'étiquette <strong>(balise <code lang="en">label</code>)</strong> ou dans un passage de texte lié au champ par la propriété ARIA <code lang="en">aria-describedby</code> ou <code lang="en">aria-labelledby</code>, cette règle est-elle respectée ?</p>
</div>
<h4>Nouveau test 11.10.2</h4>
<div class="block">
<p>Test 11.10.2 : Chaque indication de champ obligatoire qui utilise les propriétés ARIA <code lang="en">aria-label</code>, <code lang="en">aria-required</code> ou l'attribut <code lang="en">required</code> doit être accompagnée d'une indication visuelle explicite dans l'étiquette ou dans un passage de texte lié au champ par la propriété ARIA <code lang="en">aria-describedby</code> ou <code lang="en">aria-labelledby</code>, cette règle est-elle respectée ?</p>
</div>
<h4>Ancien test 11.10.8</h4>
<div class="block">
<p>Test 11.10.8 : Chaque indication du type de données et/ou de format réalisée grâce à la propriété ARIA <code lang="en">aria-label</code> doit être accompagnée d'une indication visuelle explicite dans l'étiquette <strong>(balise <code lang="en">label</code>)</strong> ou dans un passage de texte lié au champ par la propriété ARIA <code lang="en">aria-describedby</code> ou <code lang="en">aria-labelledby</code>, cette règle est-elle respectée ?</p>
</div>
<h4>Nouveau test 11.10.8</h4>
<div class="block">
<p>Test 11.10.8 : Chaque indication du type de données et/ou de format réalisée grâce à la propriété ARIA <code lang="en">aria-label</code> doit être accompagnée d'une indication visuelle explicite dans l'étiquette ou dans un passage de texte lié au champ par la propriété ARIA <code lang="en">aria-describedby</code> ou <code lang="en">aria-labelledby</code>, cette règle est-elle respectée ?</p>
</div>
</article>
<article id="ndv-12-10">
<h3>Suppression des tests du critère 12.10</h3>
<p>Le critère 12.10 demande via les tests 12.10.1, 12.10.2 et 12.10.3 à ce que les éléments de navigation et la zone de contenu soient regroupés dans des éléments communs. Cela réfère à la technique WCAG <a href="https://www.w3.org/TR/2008/WD-WCAG20-TECHS-20081103/H50">H50</a>, mais la technique H50 a été supprimée.</p>
<p>Ces tests sont par ailleurs inutiles puisque le RGAA oblige, via le test 12.10.4 à implémenter ces zones dans des éléments contenant le <span lang="en">landmark</span> ARIA approprié.</p>
<p>Les tests 12.10.1, 12.10.2 et 12.10.3 sont supprimés, et le critère 12.10.4 est renuméroté en 12.10.1.</p>
<h4>Ancien test 12.10.1 (supprimé)</h4>
<div class="block">
<p>Test 12.10.1 : Dans chaque page Web, chaque groupe de liens importants est-il implémenté dans une balise commune ?</p>
</div>
<h4>Ancien test 12.10.2 (supprimé)</h4>
<div class="block">
<p>Test 12.10.2 : Dans chaque page Web, chaque groupe de liens importants vérifie-t-il une de ces conditions ?</p>
<ul>
<li>La balise structurant le groupe de liens importants possède un attribut <code lang="en">id</code> ;</li>
<li>La balise structurant le groupe de liens importants est immédiatement précédée, dans le code source, d'une ancre ;</li>
<li>Le premier lien du groupe de liens est immédiatement précédé, dans le code source, d'une ancre.</li>
</ul>
</div>
<h4>Ancien test 12.10.3 (supprimé)</h4>
<div class="block">
<p>Test 12.10.3 : Dans chaque page Web, la zone de contenu vérifie-t-elle une de ces conditions ?</p>
<ul>
<li>La zone de contenu possède un attribut <code lang="en">id</code> ;</li>
<li>La zone de contenu est immédiatement précédée, dans le code source, d'une ancre ;</li>
<li>Le premier élément de la zone de contenu est immédiatement précédé, dans le code source, d'une ancre.</li>
</ul>
</div>
<h4>Renumérotation du test 12.10.4 en 12.10.1</h4>
<div class="block">
<p>Test 12.10.1 : Dans chaque page web, la structure du document vérifie-t-elle ces conditions ?</p>
</div>
</article>
<article id="ndv-13-16-1">
<h3>Modification du test 13.16.1</h3>
<p>Suppression de l'adjectif « animé » pour être cohérent avec le test 13.15.1.</p>
<h4>Ancien test 13.16.1</h4>
<div class="block">
<p>Test 13.16.1 : Dans chaque page Web, chaque changement brusque de luminosité ou effet de flash provoqué par une image <strong>animée</strong> (balise <code lang="en">img</code>, balise <code lang="en">svg</code>, balise <code lang="en">embed</code>, balise <code lang="en">canvas</code> ou balise <code lang="en">object</code>) a-t-il une fréquence inférieure ou égale à 3 par seconde ?</p>
</div>
<h4>Nouveau test 13.16.1</h4>
<div class="block">
<p>Test 13.16.1 : Dans chaque page web, chaque changement brusque de luminosité ou effet de flash provoqué par une image (balise <code lang="en">img</code>, balise <code lang="en">svg</code>, balise <code lang="en">embed</code>, balise <code lang="en">canvas</code> ou balise <code lang="en">object</code>) a-t-il une fréquence inférieure ou égale à 3 par seconde ?</p>
</div>
</article>
<article>
<h3>Liaisons WCAG</h3>
<ul>
<li>Critères 6.1 et 6.4 : Il y avait 2 occurrences de la technique H79, une occurrence a été retirée.</li>
<li>Critère 8.2 : Suppression de F62, qui n'existe plus dans WCAG.</li>
<li>Critère 11.1 : Ajout de <a href="https://www.w3.org/TR/WCAG-TECHS/F68.html">F68</a>.</li>
<li>Critère 13.4 : Ajout du <a href="https://www.w3.org/Translations/WCAG20-fr/#keyboard-operation-all-funcs">SC 2.1.3</a>.</li>
<li>Critère 13.14 : Suppression de <a href="https://www.w3.org/Translations/WCAG20-fr/#keyboard-operation-all-funcs">SC 2.1.3</a>.</li>
<li>Modification des liens pour F84, F85, F90, F91, F93 pour pointer vers la dernière version de la spécification.</li>
</ul>
</article>
</section>
<section tabindex="-1" id="ndv-glossaire">
<h2>Glossaire</h2>
<article id="ndv-accoles">
<h3>Création d'une définition « Accolés (étiquette et champ accolés) »</h3>
<p>Création d'une définition et ajout d'un lien sur le terme « accolés » pour le critère 11.4 et le test 11.4.1.</p>
<h4>Nouvelle définition</h4>
<div class="block">
<p>Il faut que l'étiquette et son champ soient visuellement proches de manière à ce que la relation entre les deux ne puisse pas prêter à confusion.</p>
<p><strong>Note :</strong> WCAG préconise que les étiquettes des champs de saisie de texte ou de valeurs prédéterminées, comme les listes par exemple, soient placées avant le champ, donc à gauche ou en haut des champs concernés. À l'inverse, les étiquettes des champs de type radio ou case à cocher devraient être placées après le champ, donc à droite ou en bas. Cette recommandation n'a pas été jugée raisonnable et n'est donc pas reprise dans le RGAA 3. Un positionnement différent, mais respectant une liaison visuelle sans confusion ne peut pas constituer une non-conformité au sens du RGAA 3.</p>
</div>
</article>
<article id="ndv-audiodesc">
<h3>Modification de la définition « Audio-description synchronisée (média temporel) »</h3>
<p>« Audio-description » est corrigé par « Audiodescription » et la première phrase de la définition est modifiée.</p>
<h4>Ancienne phrase</h4>
<div class="block">
<p>Narration ajoutée (via un fichier son) à une piste sonore pour décrire les détails visuels importants qui ne peuvent être compris à partir de la piste sonore principale seulement. L'audio-description doit être synchronisée avec le média temporel grâce à l'utilisation de format spécialisés comme le format SRT par exemple.</p>
</div>
<h4>Nouvelle phrase</h4>
<div class="block">
<p>Narration ajoutée (via un fichier son) à une piste sonore pour décrire les détails visuels importants qui ne peuvent être compris à partir de la piste sonore principale seulement. <strong>L'audiodescription doit être synchronisée avec le média temporel par un dispositif applicatif lié au lecteur lui-même ou fourni par le développement par exemple avec JavaScript.</strong></p>
</div>
</article>
<article id="ndv-groupement">
<h3>Modification de la définition « Bloc d'informations de même nature »</h3>
<p>Modification de la définition pour prendre en charge d'autres cas d'implémentations que <code lang="en">fieldset</code> pour les regroupements de champs. <a href="#ndv-1-5">Voir également la modification des tests 1.5.1, 1.6.1, 1.7.1</a>.</p>
<h4>Ancienne définition</h4>
<div class="block">
<p>Dans un formulaire, ensemble des champs pouvant être regroupés par la nature des informations attendues. Le regroupement vise à identifier les champs devant être traités comme un ensemble.</p>
<p>Quelques exemples :</p>
<ul>
<li>Trois champs successifs pour saisir une date (jour/mois/année) ;</li>
<li>Champs successifs pour un numéro de téléphone ;</li>
<li>Un bloc destiné à saisir l'identité et l'adresse de l'utilisateur, lorsque le formulaire contient plusieurs blocs de contact ;</li>
<li>Un ensemble de boutons radio ou de cases à cocher qui se rapportent à une question.</li>
</ul>
<p>Ces champs doivent être regroupés par une balise <code lang="en">fieldset</code> accompagnée d'une balise <code lang="en">legend</code> pertinente. Dans le cas de boutons radio, la légende est généralement l'intitulé de la question.</p>
<p><strong>Note</strong> : lorsque le formulaire est uniquement constitué d'un seul bloc d'informations de même nature (l'identité et l'adresse de l'utilisateur, par exemple) ou d'un champ unique (un moteur de recherche, par exemple), la présence de l'élément <code lang="en">fieldset</code> n'est pas obligatoire.</p>
</div>
<h4>Nouvelle définition</h4>
<div class="block">
<p>Dans un formulaire, ensemble des champs pouvant être regroupés par la nature des informations attendues. Le regroupement vise à identifier les champs devant être traités comme un ensemble.</p>
<p>Quelques exemples :</p>
<ul>
<li>Trois champs successifs pour saisir une date (jour/mois/année).</li>
<li>Champs successifs pour un numéro de téléphone.</li>
<li>Un bloc destiné à saisir l'identité et l'adresse de l'utilisateur, lorsque le formulaire contient plusieurs blocs de contact.</li>
<li>Un ensemble de boutons radio ou de cases à cocher qui se rapportent à une question.</li>
</ul>
<p>Ces champs doivent être regroupés lorsque les intitulés de label ne sont pas suffisants pour informer l'utilisateur que les champs font partie d'un regroupement. HTML propose un dispositif natif par l'intermédiaire des éléments <code lang="en">fieldset</code> et <code lang="en">legend</code>.</p>
<p>Il est également possible de créer des regroupements avec le rôle ARIA <code lang="en">group</code> et un passage de texte, faisant office de légende, liée par la propriété <code lang="en">aria-labelledby</code> ou implémentée par l'intermédiaire d'une propriété <code lang="en">aria-label</code>.</p>
<p><strong>Note 1 :</strong> Les regroupements de champs peuvent utiliser d'autres méthodes qui associent l'information du regroupement directement dans l'étiquette du champ. Par exemple, par l'intermédiaire d'un attribut <code lang="en">title</code>, d'une propriété <code lang="en">aria-label</code> ou d'une liaison <code lang="en">aria-labelledby</code> faisant office d'étiquette ou encore par la propriété <code lang="en">aria-describedby</code> associant un texte complémentaire. Dans ce cas, le regroupement de champs devient inutile puisque les labels sont suffisamment pertinents.</p>
<p><strong>Note 2 :</strong> Lorsque le formulaire est constitué d'un seul bloc d'informations de même nature (l'identité et l'adresse de l'utilisateur, par exemple) ou d'un champ unique (un moteur de recherche, par exemple), le regroupement des champs n'est pas obligatoire.</p>
</div>
</article>
<article id="ndv-composant-interface">
<h3>Création d'une définition « Composant d'interface »</h3>
<p>Création d'une entrée de glossaire pour expliciter le <a href="#ndv-7-1-5">test 7.1.5</a> et ajout d'un lien dans le référentiel technique vers cette entrée de glossaire sur les tests et critère de la thématique Script.</p>
<h4>Nouvelle définition</h4>
<div class="block">
<p>Un composant d'interface est un élément avec lequel l'utilisateur peut interagir, par exemple un bouton, un lien, une zone de saisie. Certains composants peuvent être plus complexes comme un menu, une fenêtre de dialogue, un système d'onglets. Enfin un composant d'interface peut être basé sur des éléments natifs de HTML ou développés de toutes pièces avec JavaScript et l'API ARIA.</p>
</div>
</article>
<article id="ndv-contraste">
<h3>Modification de la définition « Contraste »</h3>
<p>Le sens de la comparaison était inversé. La modification suivante a été appliquée :</p>
<div class="block">
<ul>