forked from DISIC/rgaa_referentiel
-
Notifications
You must be signed in to change notification settings - Fork 0
/
notes-techniques.html
226 lines (149 loc) · 24.7 KB
/
notes-techniques.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Notes techniques - 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. Notes techniques." name="description" />
<meta content="Accessibilité, RGAA, RGAA 3 2017, Référentiel Général d'Accessibilité pour les Administrations, notes techniques" 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><a href="cas-particuliers.html">Cas particuliers</a></li>
<li><span>Notes techniques</span></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">
<main tabindex="-1" id="main" role="main">
<h1>Notes techniques</h1>
<p>Les notes techniques ci-dessous donnent des explications pour la prise en charge de certains éléments HTML5 dont le support peut être variable et la manière dont le référentiel propose de les prendre en charge.</p>
<h2>Images</h2>
<h3 id="nt-1-2">Critère 1.2 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>Lorsqu'une image est associée à une <a href="glossaire.html#lgende-dimage">légende</a>, la note technique WCAG recommande de renseigner systématiquement l'alternative de l'image (cf. <a href="criteres.html#crit-1-10">critère 1.10</a>). Dans ce cas le critère 1.2 est non applicable.</p>
<p>Un attribut WAI-ARIA <code lang="en">role="presentation"</code> ne peut pas être utilisé pour déclarer une image de décoration conformément aux indications données par la spécification sur les restrictions de l'utilisation des rôles WAI-ARIA.</p>
<h3 id="nt-1-3-a">Critère 1.3 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>] : attribut <code lang="en">title</code></h3>
<p>La note WCAG interdit l'utilisation de l'attribut <code lang="en">title</code> en remplacement de l'attribut <code lang="en">alt</code>, néanmoins il est souvent utile d'utiliser l'attribut <code lang="en">title</code> pour faire apparaître une infobulle (<span lang="en">tooltip</span>) sur les images particulièrement obscures. Si l'attribut <code lang="en">title</code> est utilisé de cette manière, le contenu de l'attribut <code lang="en">title</code> doit être strictement identique à celui de l'alternative.</p>
<h3 id="nt-1-3-b">Critère 1.3 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>] : balise <code lang="en"><title></code> dans les éléments SVG</h3>
<p>Le manque de support de l'élément <code lang="en"><title></code> par les technologies d'assistance crée une difficulté dans le cas de l'utilisation de l'élément <code lang="en"><desc></code> pour implémenter l'alternative courte de l'image si l'image nécessite une <a href="glossaire.html#description-dtaille-image">description détaillée</a>. Dans ce cas il est recommandé d'utiliser un texte adjacent ou un <a href="glossaire.html#lien-adjacent">lien adjacent</a> pour créer la description détaillée.</p>
<p>Les tests 1.3.9 et 1.3.12 sont utilisés pour vérifier que l'implémentation de l'alternative est <a href="glossaire.html#compatible-avec-les-technologies-dassistance">compatible avec l'accessibilité</a> (par exemple avec la <a href="base-de-reference.html">base de référence</a> considérée).</p>
<h3 id="nt-1-6">Critère 1.6 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>Le manque de support de l'élément <code lang="en"><title></code> par les technologies d'assistance crée une difficulté dans le cas de l'utilisation de l'élément <code lang="en"><desc></code> pour implémenter l'alternative courte de l'image si l'image nécessite une <a href="glossaire.html#description-dtaille-image">description détaillée</a>. Dans ce cas il est recommandé d'utiliser un texte adjacent ou un <a href="glossaire.html#lien-adjacent">lien adjacent</a> pour créer la description détaillée.</p>
<p>Si l'élément <code lang="en"><desc></code> est utilisé pour implémenter la description détaillée, il est recommandé d'utiliser un attribut <code lang="en">aria-label</code> pour implémenter l'alternative courte de l'image.</p>
<p>L'utilisation de l'attribut <code lang="en">aria-describedby</code> n'est pas possible pour lier une image à sa description détaillée par manque de support des technologies d'assistance.</p>
<p>La description détaillée adjacente peut être implémentée via une balise <code lang="en"><figcaption></code>, dans ce cas le <a href="criteres.html#crit-1-10">critère 1.10</a> doit être vérifié (utilisation de <code lang="en"><figure></code> et du rôle <code lang="en">group</code>, notamment).</p>
<h3 id="nt-1-8">Critère 1.8 [<span aria-label="double-A"><span aria-hidden="true">AA</span></span>] et 1.9 [<span aria-label="triple-A"><span aria-hidden="true">AAA</span></span>]</h3>
<p>Le texte dans les images vectorielles étant du texte réel, il n'est pas concerné par ce critère.</p>
<h3 id="nt-1-10">Critère 1.10 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>L'implémentation d'un <code lang="en">role="group"</code> sur l'élément parent <code lang="en">figure</code> est destiné à pallier le manque de support actuel des éléments <code lang="en">figure</code> par les technologies d'assistance. Bien que recommandée, l'utilisation d'un élément <code lang="en">figcaption</code> dans un élément <code lang="en">figure</code> est optionnelle. En revanche l'utilisation d'un élément <code lang="en">figcaption</code> pour associer une légende à une image impose l'utilisation d'un élément parent <code lang="en">figure</code>. La référence à la légende adjacente peut être une expression du type « image 1 » ou équivalent lorsque cette expression est reprise dans la légende.</p>
<p>Bien que recommandé par HTML5, la note WCAG stipule que le <code lang="en">title</code> ne peut pas être utilisé pour « labelliser » l'image.</p>
<p>Les attributs <code lang="en">aria-labelledby</code> et <code lang="en">aria-describedby</code> ne peuvent pas être utilisés actuellement par manque de support par les technologies d'assistance.</p>
<p><strong>Note :</strong> les images légendées doivent par ailleurs respecter le <a href="criteres.html#crit-1-3">critère 1.3</a> relatif aux images porteuses d'information.</p>
<h2>Tableaux</h2>
<h3 id="nt-5-1">Critère 5.1 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>La spécification propose plusieurs méthodes pour lier un résumé à un tableau (tableau lié à un passage de texte avec <code lang="en">aria-describedby</code>, tableau groupé via <code lang="en">figure</code> avec le résumé en texte adjacent, tableau groupé avec <code lang="en">figure</code> avec le résumé dans un élément <code lang="en">figcaption</code>, résumé dans un élément <code lang="en">details</code> dans l'élément <code lang="en">caption</code>).</p>
<p>Ces méthodes n'ont pas un support suffisant pour être utilisées actuellement.</p>
<h3 id="nt-5-7">Critère 5.7 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>Si l'attribut <code lang="en">headers</code> est implémenté sur une cellule déjà reliée à un en-tête (de ligne ou de colonne) avec l'attribut <code lang="en">scope</code> (avec la valeur <code lang="en">col</code> ou <code lang="en">row</code>), c'est l'en-tête ou les en-têtes référencés par l'attribut <code lang="en">headers</code> qui seront restitués aux technologies d'assistance. Les en-têtes reliés avec l'attribut <code lang="en">scope</code> seront ignorés.<p>
<h2>Scripts</h2>
<h3 id="nt-7-1">Critère 7.1 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>Le critère 7.1 implémente la notion de « <a href="glossaire.html#compatible-avec-les-technologies-dassistance">compatible avec les technologies d'assistance</a> » tel que définie par les WCAG, ainsi que le recours à l'API WAI-ARIA pour rendre un composant ou une fonctionnalité accessible. Le bon usage de l'API WAI-ARIA est vérifié via les tests 7.1.3, 7.1.4, 7.1.5 et 7.1.6.</p>
<p><strong>Note importante :</strong> dans un environnement HTML5, beaucoup de composants peuvent nécessiter JavaScript pour fonctionner, en conséquence la fourniture d'une alternative à un composant JavaScript qui ne pourrait pas être rendu accessible devra bénéficier d'une méthode spécifique au composant en cause, permettant de le remplacer par une alternative accessible (et de le réactiver).</p>
<p>Cela signifie que la désactivation de JavaScript pour l'ensemble de la page ne sera pas acceptée comme une méthode valable, à moins qu'elle ne remette pas en cause l'utilisation des autres composants.</p>
<h3 id="nt-7-3">Critère 7.3 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>ARIA définit pour un certain nombre de rôles, dédiés au développement de composants d'interface, un ensemble d'interactions au clavier basées sur les touches <kbd>Échap</kbd>, <kbd>Barre d'espace</kbd>, <kbd>Tabulation</kbd> et <kbd>touches de direction</kbd> auxquelles peuvent se rajouter d'autres interactions basées sur les <kbd>touches de pagination</kbd>, de <kbd>début</kbd> ou de <kbd>fin</kbd> par exemple. Afin d'accompagner la prise en charge progressive de ces interactions au clavier, le référentiel limite l'exigence aux touches d'interactions principales (<kbd>Échap</kbd>, <kbd>barre d'espace</kbd>, <kbd>tabulation</kbd>, <kbd>flèches de direction</kbd>) telles qu'elles sont définies par les <a href="glossaire.html#motif-de-conception">motifs de conception</a>.</p>
<h2>Structuration de l'information</h2>
<h3 id="nt-9-1">Critère 9.1 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>ARIA permet de définir des titres via le rôle <code lang="en">heading</code> et la propriété <code lang="en">aria-level</code> (indication du niveau de titre). Bien qu'il soit préférable d'utiliser l'élément de titre natif en HTML <code lang="en"><hx></code>, l'utilisation du rôle WAI-ARIA <code lang="en">heading</code> est compatible avec l'accessibilité.</p>
<p>Bien que la spécification HTML5 autorise l'utilisation exclusive de titres de niveau 1 (<code lang="en">h1</code>), le manque de support des technologies d'assistance oblige à utiliser une hiérarchie de titres pertinente.</p>
<h3 id="nt-9-2">Critère 9.2 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>L'<a href="glossaire.html#arborescence-du-document">arborescence du document</a> (<span lang="en">outline</span>) est générée par l'utilisation des balises sectionnantes <code lang="en"><nav></code>, <code lang="en"><article></code>, <code lang="en"><section></code>, <code lang="en"><aside></code> et les sections implicites générées par l'utilisation d'une balise <code lang="en"><hx></code> (lorsque la balise <code lang="en"><hx></code> n'est pas le premier enfant d'une section).</p>
<p>Une balise sectionnante permet de structurer ou de regrouper un contenu, les parties d'un contenu, ou un ensemble de contenus qui peuvent être considérés de manière indépendante du reste du document.</p>
<p>Une <a href="glossaire.html#menu-de-navigation">zone de navigation</a> dans le site ou dans une rubrique, un sommaire ou la zone de navigation d'une <a href="glossaire.html#collection-de-pages">collection de pages</a> (<code lang="en"><nav></code>), un contenu « complémentaire » au <a href="glossaire.html#zone-main">contenu principal</a> (<code lang="en"><aside></code>), le contenu principal ou le regroupement de plusieurs contenus comme des articles (<code lang="en"><article></code> ou <code lang="en"><section></code>) un ou des contenus secondaires comme un commentaire, un <span lang="en">widget Twitter</span>, un fil RSS (<code lang="en"><article></code> ou <code lang="en"><section></code>) sont autant d'exemples de contenus sectionnés.</p>
<p>Lorsqu'il s'agit de contenus, par opposition à des zones de navigation (<code lang="en"><nav></code>) ou des zones de contenus complémentaires (<code lang="en"><aside></code>), une section devrait posséder si c'est approprié une zone d'en-tête (<code lang="en"><header></code>) et un pied de section (<code lang="en"><footer></code>).</p>
<p>Le premier titre <code lang="en"><hx></code> dans une section donne le « nom » de la section tel qu'il sera reporté dans l'arborescence du document. Les titres suivants (<code lang="en"><hx></code>) créent des sections implicites qui seront présentées comme l'arborescence du contenu de la section.</p>
<p>Une section pouvant être considérée de manière indépendante du reste de la page, l'arborescence générée par les sections implicites (<code lang="en"><hx></code>) est calculée à partir d'un niveau 1 affecté au premier titre de la section.</p>
<p>Lorsqu'elle est utilisée, l'arborescence du document peut donc être différente de l'arborescence du contenu représentée par l'ensemble des titres <code lang="en"><hx></code> de la page, même si les deux structures restent similaires.</p>
<p>Cette arborescence doit donc être représentative de la structure du document et être cohérente avec la structuration du contenu générée par l'utilisation des balises <code lang="en"><hx></code>. La structuration du contenu générée par les balises <code lang="en"><hx></code> pouvant être, théoriquement, déduite de l'arborescence du document, la spécification HTML5 recommande d'utiliser uniquement des titres <code lang="en"><h1></code>. Cet usage est proscrit et le <a href="criteres.html#crit-9-1">critère 9.1</a> impose d'utiliser une hiérarchie de titres (<code lang="en"><hx></code>) cohérente.</p>
<p>Si l'arborescence du document (à la condition qu'elle soit cohérente) peut permettre de proposer à l'utilisateur des fonctionnalités d'exploration et de navigation, sur certaines technologies d'assistance, elle influe sur la hiérarchie de titres générée par l'utilisation des balises <code lang="en"><hx></code> en modifiant le niveau des titres restitués.</p>
<p>Pour accompagner la prise en charge progressive de l'arborescence du document et compte tenu du fait que le référentiel exige de disposer, en tout état de cause, d'une structure de contenu (balises <code lang="en"><hx></code>) robuste et cohérente, <strong>il est acceptable de considérer le test 9.2.2 comme non applicable</strong> lorsqu'il n'est pas possible de s'assurer que l'arborescence du document est parfaitement cohérente.</p>
<p>Dans ce cas, la non-conformité au test devrait être relevée sous la forme d'une simple alerte.</p>
<h3 id="nt-9-3">Critère 9.3 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>Les rôles WAI-ARIA <code lang="en">list</code> et <code lang="en">listitem</code> peuvent nécessiter l'utilisation des propriétés <code lang="en">aria-setsize</code> et <code lang="en">aria-posinset</code> dans le cas où l'ensemble de la liste n'est pas disponible via le DOM généré au moment de la consultation.</p>
<p>Bien que possédant un rôle <code lang="en">definition</code>, utilisé en combinaison avec la propriété <code lang="en">aria-labelledby</code>, WAI-ARIA ne propose pas de rôle équivalent à une liste de définition HTML. Le rôle <code lang="en">definition</code> ne peut donc pas être utilisée comme équivalent à une liste de définition HTML <code lang="en">dl</code>.</p>
<p>Les rôles <code lang="en">tree</code>, <code lang="en">tablist</code>, <code lang="en">menu</code>, <code lang="en">combobox</code> et <code lang="en">listbox</code> ne sont pas équivalents à une liste HTML <code lang="en">ul</code> ou <code lang="en">ol</code>.</p>
<p>Références : <a hreflang="en" href="http://www.w3.org/WAI/PF/aria/roles#list"><span lang="en">The roles model - list</span></a></p>
<h2>Présentation de l'information</h2>
<h3 id="nt-10-7">Critère 10.7 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>WCAG propose plusieurs techniques visant à améliorer la visibilité du focus :</p>
<ul>
<li><a lang="en" hreflang="en" href="http://www.w3.org/WAI/GL/WCAG20-TECHS/css.html#C15">C15: Using CSS to change the presentation of a user interface component when it receives focus</a> ;</li>
<li><a lang="en" hreflang="en" href="http://www.w3.org/WAI/GL/WCAG20-TECHS/G195.html">G195: Using an author-supplied, highly visible focus indicator</a> ;</li>
<li><a lang="en" hreflang="en" href="http://www.w3.org/WAI/GL/WCAG20-TECHS/client-side-script.html#SCR31">SCR31: Using script to change the background color or border of the element with focus</a>.</li>
</ul>
<p>Bien que ces techniques apportent un bénéfice important à l'utilisateur elles ne sont pas rendues obligatoires par le RGAA du fait de leur impact très fort sur le design et d'éventuelles interactions avec des dispositifs tiers (plugin ou indication native du navigateurs). En tout état de cause elles devraient être proposées via un mécanisme de personnalisation.</p>
<p><strong>Note importante :</strong> même si ces techniques sont utilisées elles ne permettent pas de s'abstenir de garantir que l'indication visuelle du focus (propriété <code lang="en">outline</code>) n'est ni dégradée ni supprimée. En effet, l'<code lang="en">outline</code> controlé et pris en charge par le navigateur apparaît comme la seule solution suffisamment robuste car elle ne dépend pas de l'auteur</p>
<h3 id="nt-10-13">Critère 10.13 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>WAI-ARIA propose une propriété <code lang="en">aria-hidden</code> (<code lang="en">true</code> ou <code lang="en">false</code>) qui permet d'inhiber la restitution d'un contenu en direction des technologies d'assistance, sans influencer sur sa visibilité en direction des agents utilisateurs : un contenu avec <code lang="en">aria-hidden="true"</code> ne sera donc plus vocalisable, mais restera visible.</p>
<p>Sauf si le contenu contrôlé par <code lang="en">aria-hidden</code> n'a pas vocation à être restitué par les technologies d'assistance, la valeur de l'attribut <code lang="en">aria-hidden</code> doit être cohérente avec l'état affiché ou masqué du contenu à l'écran.</p>
<p>La spécification HTML5 propose un attribut <code lang="en">hidden</code> qui permet de rendre indisponible (quand l'attribut <code lang="en">hidden</code> est présent) un contenu dans le DOM généré (de manière similaire au <code lang="en">type="hidden"</code> sur un contrôle de formulaire).</p>
<p>Il est possible d'avoir des situations où un contenu contrôlé par <code lang="en">hidden</code> ou <code lang="en">aria-hidden</code> se trouve momentanément dans un état incohérent avec le statut affiché ou masqué du contenu, par exemple si l'on désire rendre disponible un élément, mais que son affichage à l'écran reste dépendant d'une action ultérieure. Dans ce cas, c'est l'état final du contenu qui doit être considéré.</p>
<h2>Formulaires</h2>
<h3 id="nt-11-11">Critère 11.11 [<span aria-label="double-A"><span aria-hidden="true">AA</span></span>]</h3>
<p>Certains types de formulaire HTML5 proposent des messages d'aide à la saisie automatique, par exemple les types <code lang="en">url</code> et <code lang="en">email</code> affichent un message du type « veuillez saisir une adresse <span lang="en">e-mail</span> valide » dans le cas où l'adresse <span lang="en">e-mail</span> saisie ne correspond pas au format attendu. Ces messages sont personnalisables via l'API <span lang="en">Constraint Validation</span> qui peut permettre de personnaliser les messages d'erreur et valider le critère. Attention cependant, le support de cette API n'est pas encore stabilisé. Le type <code lang="en">pattern</code> qui permet d'effectuer automatiquement des contrôles de format (via des expressions régulières) affiche également un message d'aide, mais ce dernier est personnalisable via l'attribut <code lang="en">title</code>, ce dispositif valide le critère.</p>
<p>Référence : <a hreflang="en" href="https://html.spec.whatwg.org/#constraint-validation">WHATWG - 4.10.21.3 <span lang="en">The constraint validation</span> API</a>.</p>
<h2>Navigation</h2>
<h3 id="nt-12-10">Critère 12.10 [<span aria-label="simple-A"><span aria-hidden="true">A</span></span>]</h3>
<p>WAI-ARIA propose des rôles permettant d'indiquer les zones principales (régions) du document. Ces rôles sont très profitables aux utilisateurs de lecteurs d'écran notamment, mais également aux utilisateurs de la navigation au clavier qui peuvent ainsi bénéficier de fonctionnalités de navigation rapide dans la structure du document. Si la plupart des lecteurs d'écran mettent à disposition ces fonctionnalités, les navigateurs n'ont pas encore proposé de fonctionnalité de navigation dédiée pour les utilisateurs qui ne peuvent pas utiliser la souris. La mise en place des liens d'évitement reste donc une exigence.</p>
</main>
</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>