forked from DISIC/rgaa_referentiel
-
Notifications
You must be signed in to change notification settings - Fork 3
/
cas-particuliers.html
195 lines (187 loc) · 18.8 KB
/
cas-particuliers.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Cas particuliers - RGAA 3 2017 | Les documents de référence du S.I. de l'État</title>
<meta content="Référentiel Général d'Accessibilité pour les Administrations, version 3 2017. Cas particuliers." name="description" />
<meta content="Accessibilité, RGAA, RGAA 3 2017, Référentiel Général d'Accessibilité pour les Administrations, cas particuliers" 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="#nav">Menu secondaire</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>
<nav tabindex="-1" id="nav" role="navigation" aria-label="menu secondaire">
<ul>
<li><a href="criteres.html">Critères</a></li>
<li><a href="glossaire.html">Glossaire</a></li>
<li><span>Cas particuliers</span></li>
<li><a href="notes-techniques.html">Notes techniques</a></li>
<li><a href="base-de-reference.html">Base de référence</a></li>
<li><a href="references.html">Références</a></li>
</ul>
</nav>
<div id="wrapper">
<section aria-labelledby="main-title">
<main tabindex="-1" id="main" role="main">
<h1 id="main-title">Cas particuliers</h1>
<p>Plusieurs critères RGAA font référence à des cas particuliers nécessaires à leur compréhension et application. Ce document liste l'ensemble des cas particuliers pour lesquels le critère concerné est non applicable.</p>
<h2>Images</h2>
<h3 id="cp-1-3">Critère 1.3</h3>
<p>Il existe une gestion de cas particuliers lorsque l'image est utilisée comme <a href="glossaire.html#captcha">CAPTCHA</a> ou comme <a href="glossaire.html#image-test">image-test</a>. Dans cette situation, où il n'est pas possible de donner une alternative pertinente sans détruire l'objet du CAPTCHA ou du test, le critère est non applicable.</p>
<p><strong>Note</strong> : le cas des CAPTCHA et des images-test est traité de manière spécifique par le <a href="criteres.html#crit-1-4">critère 1.4</a>.</p>
<h3 id="cp-1-8">Critère 1.8</h3>
<p>Pour ce critère, il existe une gestion de cas particulier lorsque le texte fait partie d'un logo ou d'un élément associé à l'identité graphique d'un organisme ou d'une société (un slogan, par exemple) ou lorsque le texte en image est utilisé comme CAPTCHA ou comme image-test. Dans ces situations, le critère est non applicable pour ces éléments.</p>
<h3 id="cp-1-9">Critère 1.9</h3>
<p>Pour ce critère, il existe une gestion de cas particulier lorsque le texte fait partie d'un logo ou d'un élément associé à l'identité graphique d'un organisme ou d'une société (un slogan, par exemple) ou lorsque le texte en image est utilisé comme CAPTCHA ou comme image-test. Dans ces situations, le critère est non applicable pour ces éléments.</p>
<h2>Couleurs</h2>
<h3 id="cp-3-3,3-4">Critères 3.3 - 3.4</h3>
<p>Dans ces situations, les critères sont non applicables pour ces éléments.</p>
<ul>
<li>Le texte fait partie d'un logo ou d'un élément associé à l'identité graphique d'un organisme ou d'une société ;</li>
<li>Le texte fait partie d'une image de décoration ;</li>
<li>Le texte inséré dans une image porteuse d'information n'apporte aucun information essentielle ;</li>
<li>Le texte fait partie d'un élément interactif (par exemple un bouton avec l'attribut <code lang="en">disabled</code>) sur lequel aucune action n'est possible et qui n'apporte pas une information essentielle ;</li>
<li>Le texte est inséré via l'attribut <code lang="en">placeholder</code> et n'apporte aucune information essentielle ;</li>
<li>Le texte est inséré dans une image utilisé comme <a href="glossaire.html#captcha">CAPTCHA</a> ou comme <a href="glossaire.html#image-test">image-test</a>.</li>
</ul>
<p><strong>Note 1</strong> : Les cas particuliers concernant des textes associés à l'identité graphique d'un organisme ou d'une société devraient être limités à des éléments particuliers comme un slogan par exemple. Dans le cas où c'est l'intégralité d'une charte graphique, particulièrement lorsque la charte graphique est imposée, qui est en cause, comme un choix de couleur de police par exemple, la solution consiste à avoir recours à une version alternative, à fort contraste.</p>
<p><strong>Note 2</strong> : Les changements de couleur consécutifs à la prise de focus ne sont pas concernés par l'application du critère, sauf si le contenu change également lors de la prise de focus.</p>
<p><strong>Note 3</strong> : les indications des états de liens (visités ou actifs) ne sont pas concernées par l'application du critère.</p>
<h2>Multimédia</h2>
<h3 id="cp-4-1,4-2,4-3,4-5,4-7,4-9,4-11,4-13">Critères 4.1 - 4.2 - 4.3 - 4.5 - 4.7 - 4.9 - 4.11 - 4.13</h3>
<p>Il existe une gestion de cas particulier lorsque :</p>
<ul>
<li>Le <a href="glossaire.html#mdia-temporel-type-son-vido-et-synchronis">média temporel</a> est utilisé à des fins décoratives (c'est-à-dire qu'il n'apporte aucune information) ;</li>
<li>Le média temporel est lui-même une alternative à un contenu de la page (une vidéo en langue des signes ou la vocalisation d'un texte, par exemple) ;</li>
<li>Le média temporel est utilisé pour accéder à une version agrandie ;</li>
<li>Le média temporel est utilisé comme un <a href="glossaire.html#captcha">CAPTCHA</a> ;</li>
<li>Le média temporel fait partie d'un test qui deviendrait inutile si la <a href="glossaire.html#transcription-textuelle-media-temporel">transcription textuelle</a>, les <a href="glossaire.html#soustitres-synchroniss-objet-multimdia">sous-titres synchronisés</a> ou l'<a href="glossaire.html#audiodescription-synchronise-media-temporel">audiodescription</a> étaient communiqués.</li>
</ul>
<p>Dans ces situations, le critère est non applicable.</p>
<h3 id="cp-4-15">Critère 4.15</h3>
<p>Il existe une gestion de cas particulier lorsque le <a href="glossaire.html#mdia-temporel-type-son-vido-et-synchronis">média temporel</a> est utilisé à des fins décoratives (c'est-à-dire qu'il n'apporte aucune information). Dans cette situation, le critère est non applicable.</p>
<h3 id="cp-4-16">Critère 4.16</h3>
<p>Il existe une gestion de cas particulier lorsque :</p>
<ul>
<li>Le <a href="glossaire.html#mdia-non-temporel">média non temporel</a> est utilisé à des fins décoratives (c'est-à-dire qu'il n'apporte aucune information) ;</li>
<li>Le média non temporel est diffusé dans un <a href="glossaire.html#environnement-matris">environnement maîtrisé</a> ;</li>
<li>Le média non temporel est inséré via JavaScript en vérifiant la présence et la version du <span lang="en">plug-in</span>, en remplacement d'un contenu alternatif déjà présent.</li>
</ul>
<p>Dans ces situations, le critère est non applicable.</p>
<h3 id="cp-4-19">Critère 4.19</h3>
<p>Il existe une gestion de cas particulier lorsque le <a href="glossaire.html#mdia-temporel-type-son-vido-et-synchronis">média temporel</a> est utilisé comme <a href="glossaire.html#captcha">CAPTCHA</a> ou fait partie d'un test qui deviendrait inutile si l'arrière-plan sonore pouvait être désactivé, ou si la ou les pistes de dialogue étaient 20 décibels plus élevées que l'arrière-plan sonore.</p>
<p>Dans ces situations, le critère est non applicable.</p>
<h3 id="cp-4-22">Critère 4.22</h3>
<p>Il existe une gestion de cas particulier lorsque : le <a href="glossaire.html#mdia-temporel-type-son-vido-et-synchronis">média temporel</a> ou <a href="glossaire.html#mdia-non-temporel">non temporel</a> est utilisé à des fins décoratives (c'est-à-dire qu'il n'apporte aucune information). Dans ces situations, le critère est non applicable.</p>
<h2>Tableaux</h2>
<h3 id="cp-5-3">Critère 5.3</h3>
<p>L'API ARIA propose un mécanisme permettant de <a href="glossaire.html#modification-du-rle-natif-dun-lment-html">surcharger le rôle natif d'un élément HTML</a> pour définir des composants. Ainsi, il est possible d'utiliser des <a href="glossaire.html#tableau-de-mise-en-forme">tableaux de mise en forme</a> pour construire des <a href="glossaire.html#listes">listes</a> : </p>
<pre><code lang="en"><table role="list">
<tr role="listitem">
<td role="presentation"><img src="puce.png" alt=""/></td>
<td role="presentation">lorem ipsum</td>
</tr>
…
</table></code>
</pre>
<p>Si cet usage est fortement déconseillé, il est néanmoins conforme.
Le tableau n'étant pas restitué comme un tableau mais comme une liste, il n'est pas utile de signaler qu'il s'agit d'un tableau de mise en forme.
Dans ce cas, le critère est non applicable.
</p>
<h2>Liens</h2>
<h3 id="cp-6-1,6-3">Critères 6.1 et 6.3</h3>
<p>Il existe une gestion de cas particulier lorsque le lien est <a href="glossaire.html#ambigu-pour-tout-le-monde">ambigu pour tout le monde</a>. Dans cette situation, où il n'est pas possible de rendre le lien explicite dans son <a href="glossaire.html#contexte-du-lien">contexte</a>, le critère est non applicable.</p>
<h2>Scripts</h2>
<h3 id="cp-7-3">Critère 7.3</h3>
<p>Il existe une gestion de cas particulier lorsque la fonctionnalité dépend de l'utilisation d'un gestionnaire d'événement sans équivalent universel, par exemple, une application de dessin à main levée ne pourra pas être rendue contrôlable au clavier. Dans ces situations, le critère est non applicable.</p>
<h3 id="cp-7-5">Critère 7.5</h3>
<p>Il existe une gestion de cas particulier lorsque l'alerte non sollicitée concerne un cas d'urgence, un événement ou une situation soudaine et imprévue qui exige une action immédiate afin de préserver la santé, la sécurité ou la propriété. Dans ces situations, le critère est non applicable.</p>
<h2>Éléments Obligatoires</h2>
<h3 id="cp-8-2">Critère 8.2</h3>
<p>Il y a une gestion de cas particulier sur la conformité du code HTML.</p>
<p>Pour accompagner la prise en charge progressive de HTML5 par les navigateurs, les APIs d'accessibilité et les technologies d'assistance, certains critères peuvent exiger la présence d'attributs ou de balises déclarés « obsolètes » en HTML5. Dans ce cas le <a href="criteres.html#test-8-2-2">test 8.2.2</a> est non applicable.</p>
<h3 id="cp-8-7">Critère 8.7</h3>
<p>Il y a une gestion de cas particulier sur le changement de langue pour les cas suivants :</p>
<ul>
<li>Nom propre, le critère est <strong>non applicable</strong> ;</li>
<li>Nom commun de langue étrangère présent dans le dictionnaire officiel de la langue par défaut de la page web, le critère est <strong>non applicable</strong> (<strong>Note :</strong> le dictionnaire officiel est celui recommandé par l'académie en charge de la langue en question). Pour la France, par exemple, le lien vers le dictionnaire officiel se trouve sur le site de l'Académie française à l'adresse suivante : <a href="http://www.academie-francaise.fr/le-dictionnaire/la-9e-edition">http://www.academie-francaise.fr/le-dictionnaire/la-9e-edition</a>. Pour toute demande auprès du service du dictionnaire de l'Académie française, utiliser le <a href="http://www.academie-francaise.fr/le-dictionnaire/service-du-dictionnaire">formulaire de contact du service du dictionnaire</a> ;</li>
<li>Le terme de langue étrangère soumis, via un <a href="glossaire.html#champ-de-saisie-de-formulaire">champ de formulaire</a> et réaffiché dans la page (par exemple comme indication du terme recherché dans le cas d'un moteur de recherche), le critère est <strong>non applicable</strong> ;</li>
<li>Passage de texte dont la langue ne peut pas être déterminée : le critère est <strong>non applicable</strong> ;</li>
<li>Terme ou passage de texte issus d'une langue morte ou imaginaire pour laquelle il n'existe pas d'interprétation vocale : le critère est <strong>non applicable</strong>.</li>
</ul>
<p><strong>Note :</strong> pour les noms communs de langue étrangère, absents dans le dictionnaire officiel de la langue par défaut de la page web, et qui sont passés dans le langage commun (exemple : <span lang="en">newsletter</span>) : le critère est <strong>applicable</strong>, uniquement lorsque l'absence d'indication de langue peut provoquer une incompréhension pour la restitution.</p>
<h2>Présentation de l'information</h2>
<h3 id="cp-10-4">Critère 10.4</h3>
<p>Il existe une gestion de cas particuliers pour les polices-icônes. Les polices-icônes permettent de créer des icônes à partir d'un fichier de police. Dans ces cas, il est autorisé d'utiliser des tailles en unités fixes pour la propriété CSS <code lang="en">font-size</code>.</p>
<h3 id="cp-10-11">Critère 10.11</h3>
<p>Il existe une gestion de cas particulier pour les langues chinoises, japonaises et coréennes. Dans ces situations, le nombre de caractères de référence est de 40.</p>
<h2>Navigation</h2>
<h3 id="cp-12-1">Critère 12.1</h3>
<p>Il existe une gestion de cas particulier lorsque le site web est constitué d'une seule page ou d'un nombre très limité de pages (cf. note) pour lesquels la fonction de recherche du navigateur dans le contenu est considérée comme équivalente à un moteur de recherche. Dans ce cas-là, le critère est non applicable.</p>
<p><strong>Note</strong> : l'appréciation d'un nombre très limité de pages devrait réserver ce cas particulier à un site de 2 ou 3 pages, par exemple, avec un volume de contenu peu important.</p>
<h3 id="cp-12-2,12-3">Critères 12.2 - 12.3</h3>
<p>Il existe une gestion de cas particulier lorsque :</p>
<ul>
<li>Les pages d'un <a href="glossaire.html#ensemble-de-pages">ensemble de pages</a> sont le résultat ou une partie d'un processus (un processus de paiement ou de prise de commande, par exemple) ;</li>
<li>La page est la page d'accueil ;</li>
<li>Le site web est constitué d'une seule page.</li>
</ul>
<p>Dans ces situations, le critère est non applicable.</p>
<h3 id="cp-12-8">Critère 12.8</h3>
<p>Il existe une gestion de cas particulier lorsque la page est la page d'accueil ou lorsque le site web est constitué d'une seule page. Dans ce cas, le critère est non applicable.</p>
<h3 id="cp-12-11">Critère 12.11</h3>
<p>Il existe une gestion de cas particulier lorsque le site web est constitué d'une seule page. </p>
<p>Dans ce cas de figure, l'obligation de la présence d'un lien d'accès rapide est liée au contexte de la page : présence ou absence de navigation ou de contenus additionnels par exemple. Le critère peut être considéré comme non applicable lorsqu'il est avéré qu'un lien d'accès rapide est inutile.</p>
<h2>Consultation</h2>
<h3 id="cp-13-1">Critère 13.1</h3>
<p>Il existe une gestion de cas particulier lorsque la limite de temps est essentielle, notamment lorsqu'elle ne pourrait pas être supprimée sans changer fondamentalement le contenu ou les fonctionnalités liées au contenu.</p>
<p>Dans ces situations, le critère est non applicable. Par exemple, le rafraîchissement d'un flux RSS dans une page n'est pas une limite de temps essentielle ; le critère est applicable. En revanche, une redirection automatique qui amène vers la nouvelle version d'une page à partir d'une <a href="glossaire.html#url">url</a> obsolète est essentielle ; le critère est non applicable.</p>
<h3 id="cp-13-6">Critère 13.6</h3>
<p>Il existe une gestion de cas particulier lorsque le document est produit de manière dynamique (par exemple une facture). Dans cette situation, l'indication de poids est facultative, les autres indications (type de fichier et langue) restent exigibles.</p>
</main>
</section>
</div>
<footer role="contentinfo">
<h2>Licence</h2>
<p><img width="69" height="93" class="sgmap-logo" src="img/modernisation-logo.jpg" alt="Secrétariat général pour la modernisation de l'action publique" /> Ce document est un document de l'État placé sous <a href="https://www.etalab.gouv.fr/licence-ouverte-open-licence">licence ouverte 1.0 ou ultérieure</a>, comme tous les documents hébergés sur <a href="../">references.modernisation.gouv.fr</a>. Voir les conditions d'utilisation de la licence dans les <a href="../mentions-legales">mentions légales</a>.</p>
<p>Le référentiel technique (liste des critères, glossaire, cas particuliers, notes techniques, base de référence) est une copie adaptée du <a href="http://www.accessiweb.org/index.php/accessiweb-html5aria-liste-deployee.html">référentiel AccessiWeb HTML5/ARIA</a> - Version de travail du 19/12/2013 - Édité par l'association BrailleNet.</p>
<hr/>
<div class="legal-info">
<p>Réalisation SGMAP - 2017</p>
<ul>
<li><a href="../contact">Contact</a></li>
<li><a href="../mentions-legales">Mentions légales</a></li>
<li><a href="../declaration-de-conformite-rgaa-30">Déclaration de conformité</a></li>
</ul>
</div>
</footer>
</body>
</html>