-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
106 lines (96 loc) · 7.36 KB
/
index.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Guide du développeur RGAA 3</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/styles.css" media="all">
<link rel="stylesheet" href="css/print.css" media="print">
</head>
<body>
<div class="main-header">
<div class="inside">
<ul class="skip-links">
<li><a href="#main">contenu</a></li>
<li><a href="#navigation">navigation</a></li>
</ul>
<header role="banner" class="header clear" id="banner">
<h1 class="title">Guide du développeur RGAA 3</h1>
</header>
<nav role="navigation" class="gp-sommaire" id="navigation" aria-label="Sommaire du guide">
<button id="btnSommaire" aria-expanded="false">Sommaire</button>
<ul class="sommaire is-hidden" id="sommaireToggle">
<li><a href="index.html">Introduction</a></li>
<li><a href="1-ordre-tab-piege-clavier.html">Fiche 1 : Ordre de tabulation et piège au clavier</a></li>
<li><a href="2-compatibilite-access-clavier.html">Fiche 2 : Compatibilité et accès au clavier</a></li>
<li><a href="3-changement-contexte.html">Fiche 3 : Changement de contexte et alerte non sollicitée</a></li>
<li><a href="4-aria.html">ARIA</a></li>
<li><a href="5-api-aria.html">Fiche 4 : Accessible Rich Internet Application (WAI ARIA) </a></li>
<li><a href="6-lecteur-ecran.html">Fiche 5 : Comment un lecteur d'écran sait-il de quoi il parle ?</a></li>
<li><a href="7-motif-conception.html">Fiche 6 : Motif de conception ARIA</a></li>
<li><a href="8-base-reference.html">Fiche 7 : Base de référence - Tests de restitution</a></li>
<li><a href="9-utiliser-aria.html">Fiche 8 : Utiliser ARIA</a></li>
</ul>
</nav>
<div class="github-link">
<p><a href="https://github.com/DISIC/guide-developpeur">Contribuer</a>
<a class="pdfdown" title="Télécharger le Guide du développeur RGAA 3 (pdf, 1,4 Mo)" href="export/guide-developpeur.pdf">Télécharger</a></p>
</div>
</div>
</div>
<div id="wrapper">
<nav role="navigation" class="internav clear">
<ul>
<li><a class="next" href="1-ordre-tab-piege-clavier.html">Fiche 1 : Ordre de tabulation et piège au clavier <span aria-hidden="true"> » </span></a></li>
</ul>
</nav>
<main id="main" role="main">
<article class="article">
<h2>Introduction</h2>
<p>Ce guide du développeur vous est proposé dans le cadre des ressources accompagnant la prise en main de la version 3 du référentiel général d’accessibilité pour les administrations (RGAA 3).</p>
<p>Toutes les règles et tous les exemples d’implémentation donnés ici se réfèrent à la version 3 du RGAA.</p>
<p>Le RGAA 3 est composé d’un <a href="http://references.modernisation.gouv.fr/rgaa/introduction-RGAA.html">document d’introduction</a>, d’un <a href="http://references.modernisation.gouv.fr/rgaa/guide-accompagnement-RGAA.html">guide d’accompagnement</a> et d’un <a href="http://references.modernisation.gouv.fr/rgaa/criteres.html">référentiel technique</a>. Cet ensemble de documents a une portée réglementaire puisqu’ils ont été rendus officiels par l'<a href="http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000030540064&dateTexte=20150921">arrêté du 29 avril 2015</a>, lui-même venant préciser l'<a href="http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000000809647&fastPos=1&fastReqId=1497340759&categorieLien=cid&oldAction=rechTexte#LEGIARTI000006682279">article 47 de la loi 2005-102 du 11 février 2005</a> et l'<a href="http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000030540064&categorieLien=id">arrêté 2009-546 du 14 mai 2009</a>.</p>
<p>Les ressources complémentaires sont des supports sans valeur réglementaire et visent à vous aider à rendre vos contenus numériques accessibles et conformes au RGAA 3.</p>
</article>
<article class="article">
<h2 id="à-qui-sadresse-ce-guide">À qui s'adresse ce guide ?</h2>
<p>Ce guide s'adresse aux développeurs d'application ou de composant web. Il se focalise sur les problématiques liées à l'utilisation de JavaScript et de l'API ARIA.</p>
<p>Une bonne maîtrise de HTML, CSS et JavaScript est requise pour la lecture de ce guide.</p>
</article>
<article class="article">
<h3 id="à-chacun-son-métier">À chacun son métier</h3>
<p>Ne seront abordées dans ce guide que les problématiques liées à l'accessibilité des fonctionnalités ou composants développés par l'intermédiaire de JavaScript et ARIA. Les autres problématiques sont prises en charge par les autres guides comme le <a href="https://disic.github.io/guide-integrateur/">guide de l'intégrateur</a> par exemple.</p>
</article>
<article class="article">
<h2 id="mode-demploi-du-guide">Mode d'emploi du guide</h2>
<p>Le guide a été pensé comme une série de fiches pratiques sur le même modèle pour en faciliter l’utilisation. Chaque fiche étant indépendante, vous pouvez les lire en fonction de vos besoins, sans avoir à suivre un ordre particulier.</p>
<p>Vous retrouverez dans chaque fiche :</p>
<ul>
<li>Sommaire : pour naviguer à travers l’ensemble des fiches du guide ;</li>
<li>Synthèse : les principaux points à retenir ;</li>
<li>Correspondances RGAA 3 : les correspondances avec les critères du référentiel technique du RGAA 3.</li>
</ul>
</article>
<article class="article">
<h2 id="guides-connexes">Ressources connexes et références</h2>
<ul>
<li><a href="https://disic.github.io/guide-integrateur/">Guide de l'intégrateur RGAA 3</a></li>
<li><a href="http://disic.github.io/rgaa_methodologie/">Méthodologie de test RGAA 3</a><li>
<li><a href="https://disic.github.io/guide-impacts_utilisateurs/">Guide « Défauts d'accessibilité : Impacts sur les utilisateurs »</a></li>
<li><a href="http://www.w3.org/Translations/NOTE-UNDERSTANDING-WCAG20-fr/Overview.html#contents">Comprendre les WCAG : description de cas utilisateurs et d’impacts par type de handicap</a></li>
<li><a href="https://www.w3.org/TR/WCAG20-TECHS/" hreflang="en">Liste des techniques et échecs WCAG 2.0 (ressource en anglais)</a></li>
</ul>
</article>
</main>
<footer id="footer" role="contentinfo" class="clear">
<h2>Licence d'utilisation</h2>
<p class="logo-smgap"><a href="http://references.modernisation.gouv.fr/"><img src="img/modernisation-logo.jpg" alt="Secrétariat général pour le modernisation de l'action publique"></a></p>
<p>Ce document est la propriété du Secrétariat général à la modernisation de l'action publique français (SGMAP). Il est placé sous la <a href="https://www.etalab.gouv.fr/licence-ouverte-open-licence">licence ouverte 1.0 ou ultérieure</a>, équivalente à une licence <i lang="en">Creative Commons BY</i>. Pour indiquer la paternité, ajouter un lien vers la version originale du document disponible sur le <a href="https://github.com/DISIC">compte <span lang="en">GitHub</span> de la DINSIC</a>.</p>
</footer>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>