forked from wet-boew/wet-boew-dist
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex-fr.html
287 lines (263 loc) · 12.1 KB
/
index-fr.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
<!DOCTYPE html>
<!--[if IE 7]><html lang="fr" class="no-js ie7"><![endif]-->
<!--[if IE 8]><html lang="fr" class="no-js ie8"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="fr" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html -->
<title>Boîte à outils de l’expérience Web (BOEW)</title>
<link rel="shortcut icon" href="dist/theme-wet-boew/images/favicon.ico" />
<meta name="description" content="La Boîte à outils de l’expérience Web (BOEW) rassemble différents composants réutilisables et prêts-à-utiliser pour la conception et la mise à jour de sites Web innovateurs qui sont à la fois accessibles, conviviaux et interopérables. Tous ces composants réutilisables sont des logiciels libres mis à la disposition des ministères et des collectivités Web externes." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]>
<script src="dist/js/jquery-ie.min.js"></script>
<script src="dist/js/polyfills/html5shiv-min.js"></script>
<link rel="stylesheet" href="dist/grids/css/util-ie-min.css" />
<link rel="stylesheet" href="dist/js/css/pe-ap-ie-min.css" />
<link rel="stylesheet" href="dist/theme-wet-boew/css/theme-ie-min.css" />
<noscript><link rel="stylesheet" href="dist/theme-wet-boew/css/theme-ns-ie-min.css" /></noscript>
<![endif]-->
<!--[if gt IE 8]><!-->
<script src="dist/js/jquery.min.js"></script>
<link rel="stylesheet" href="dist/grids/css/util-min.css" />
<link rel="stylesheet" href="dist/js/css/pe-ap-min.css" />
<link rel="stylesheet" href="dist/theme-wet-boew/css/theme-min.css" />
<noscript><link rel="stylesheet" href="dist/theme-wet-boew/css/theme-ns-min.css" /></noscript>
<!--<![endif]-->
<!-- CustomCSSStart -->
<!-- CustomCSSEnd -->
</head>
<body><div id="wb-body">
<div id="wb-skip">
<ul id="wb-tphp">
<li id="wb-skip1"><a href="#wb-cont">Passer au contenu principal</a></li>
<li id="wb-skip2"><a href="#wb-nav">Passer au pied de page</a></li>
</ul>
</div>
<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<section><div id="wet-fullhd"><h2>Barre d'en-tête</h2>
<div id="wet-fullhd-in">
<ul>
<li id="wet-fullhd-lang-current">Français</li>
<li id="wet-fullhd-lang-2"><a href="index-en.html" lang="en">English</a></li>
</ul>
</div>
</div></section>
<div id="wet-bnr" role="banner"><div id="wet-bnr-in">
<div id="wet-title"><p id="wet-title-in"><a href="index-fr.html"><object data="dist/theme-wet-boew/images/logo.svg" role="img" tabindex="-1" type="image/svg+xml"><img src="dist/theme-wet-boew/images/logo.png" alt="" /></object> <span>Boîte à outils de l'expérience Web (BOEW) <small>Projet à source ouverte collaboratif dirigé par le Gouvernement du Canada</small></span></a></p></div>
<section role="search"><div id="wet-srchbx"><h2>Recherche</h2>
<form action="https://google.ca/search" method="get"><div id="wet-srchbx-in">
<label for="wet-srch">Recherchez le site Web</label><input id="wet-srch" name="q" type="search" value="" size="27" maxlength="150" /><input type="hidden" name="q" value="site:wet-boew.github.io OR site:github.com/wet-boew/" />
<input id="wet-srch-submit" type="submit" value="Recherche" data-icon="search" class="button button-accent" />
</div></form>
</div></section>
</div></div>
<nav role="navigation">
<div id="wet-psnb"><h2>Menu du site</h2><div id="wet-psnb-in"><div class="wet-boew-menubar mb-mega"><div>
<ul class="mb-menu" data-ajax-replace="demos/includes/projectmenu-fr.txt">
<li><div><a href="http://wet-boew.github.io/wet-boew/index-fr.html">Projet de la BOEW</a></div></li>
<li><div><a href="http://wet-boew.github.io/wet-boew/docs/gs-cd/impl-fr.html">Mise en œuvre de la BOEW</a></div></li>
<li><div><a href="http://wet-boew.github.io/wet-boew/docs/gs-cd/contrib-fr.html">Contribuer à la BOEW</a></div></li>
</ul>
</div></div></div></div>
</nav>
<!-- HeaderEnd -->
</header></div></div>
<div id="wb-core"><div id="wb-core-in" class="equalize">
<div id="wb-main" role="main"><div id="wb-main-in">
<!-- MainContentStart -->
<h1 id="wb-cont">Boîte à outils de l’expérience Web (BOEW)</h1>
<section><h2 id="apropos">Qu’est-ce que la Boîte à outils de l’expérience Web?</h2>
<ul>
<li>Un projet à source ouverte collaboratif dirigé par le Gouvernement du Canada</li>
<li>Une bibliothèque de code <a href="docs/ref/accolades-fr.html#primes">primée</a> pour construire des sites Web innovants :
<ul>
<li><a href="#accessibilit">Accessibles</a>, <a href="#facilit-demploi">faciles d'emploi</a> et <a href="#interoprabilit">interopérables</a></li>
<li><a href="#conception-optimise-pour-les-appareils-mobiles-et-ractive">Optimisés pour les appareils mobiles</a></li>
<li><a href="#multilingue">Multilingues</a></li>
</ul>
</li>
<li><a href="#personnalisable-et-rutilisable">Des modèles, ainsi que des composants réutilisables, qui sont flexibles et personnalisables</a></li>
<li>Un logiciel libre
<ul>
<li>Libre d'utilisation à des fins commerciales et non commerciales (licence MIT - <a href="Licence-fr.html">Conditions régissant l'utilisation</a>)</li>
<li><a href="#approche-collaborative">Développé ouvertement sur GitHub par la communauté</a></li>
</ul>
</li>
</ul>
</section>
<section><h2 id="cles">Ressources clés</h2>
<ul>
<li><a href="#avantages">Avantages</a></li>
<li><a href="demos/index-fr.html">Exemples pratiques</a></li>
<li><a href="http://wet-boew.github.io/v4.0-ci/demos/index-fr.html">Exemples pratiques - v4.0</a></li>
<li><a href="docs/index-fr.html">Documentation</a></li>
<li><a href="docs/versions/dwnld-fr.html">Téléchargements</a></li>
<li><a href="https://github.com/wet-boew/wet-boew/">Projet principal</a></li>
<li><a href="Licence-fr.html">Conditions régissant l'utilisation</a></li>
<li><a href="docs/gs-cd/contrib-fr.html">Lignes directrices pour les contributeurs</a></li>
<li><a href="docs/versions/version-info-fr.html">Contrôle des versions</a></li>
<li><a href="docs/versions/index-fr.html">Historique des versions</a></li>
<li><a href="docs/versions/rdmp-fr.html">Feuille de route</a></li>
<li><a href="docs/index-fr.html#comms">Matériel de communications</a></li>
</ul>
</section>
<section><h2 id="avantages">Avantages</h2>
<section><h3 id="accessibilit">Accessibilité</h3>
<ul>
<li>Conformes aux <a href="http://www.w3.org/Translations/WCAG20-fr/">Règles pour l'accessibilité des contenus Web (WCAG) 2.0</a> niveau AA</li>
<li>S'appuie sur <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA</a> pour améliorer l'accessibilité</li>
<li>Vérification avec les technologies d'assistance (Groupe de travail sur l'accessibilité)</li>
</ul>
</section>
<section><h3 id="facilit-demploi">Facilité d'emploi</h3>
<ul>
<li>Approche itérative pour la conception</li>
<li>Patrons de conception et les essais de facilité d'emploi (Groupe de travail sur l'expérience des utilisateurs)</li>
</ul>
</section>
<section><h3 id="interoprabilit">Interopérabilité</h3>
<ul>
<li>Approche centrée sur le <a href="http://www.w3.org/TR/html5/">HTML5</a> (s'appuyant sur le soutien HTML5 natif et puis les «correctifs» pour résoudre les problèmes de soutien)</li>
<li>Soutien pour plusieurs navigateurs (IE, Firefox, Chrome, Safari, Opera)</li>
<li>Soutien en développement pour les données HTML (<a href="http://www.w3.org/TR/rdfa-lite/">RDFa 1.1 Lite</a>, <a href="http://www.schema.org/">Schema.org</a>)</li>
</ul>
</section>
<section><h3 id="conception-optimise-pour-les-appareils-mobiles-et-ractive">Conception optimisée pour les appareils mobiles et réactive</h3>
<ul>
<li>S'adapte à différentes tailles d'écran et capacités d'appareil</li>
<li>Soutien pour les écrans tactiles (<a href="http://www.jquerymobile.com">jQuery Mobile</a>)</li>
<li>Optimisé pour les performances</li>
<li>Soutien en développement pour les applications s’installant sur un appareil mobile</li>
</ul>
</section>
<section><h3 id="multilingue">Multilingue</h3>
<ul>
<li>Soutien actuellement 33 langues (y compris les langues droite-à-gauche)
<ul>
<li>Anglais</li>
<li>Français</li>
<li>Afrikaans</li>
<li>Albanais</li>
<li>Allemand</li>
<li>Arabe</li>
<li>Arménien</li>
<li>Bulgare</li>
<li>Chinois</li>
<li>Chinois (simplifiée)</li>
<li>Coréen</li>
<li>Espagnol</li>
<li>Estonien</li>
<li>Grec</li>
<li>Hindi</li>
<li>Hongrois</li>
<li>Indonésien</li>
<li>Islandais</li>
<li>Italien</li>
<li>Japonais</li>
<li>Letton</li>
<li>Lituanien</li>
<li>Néerlandais</li>
<li>Polonais</li>
<li>Portugais</li>
<li>Portugais (brésilien)</li>
<li>Russe</li>
<li>Slovaque</li>
<li>Tchèque</li>
<li>Thaï</li>
<li>Turc</li>
<li>Ukrainien</li>
<li>Vietnamien</li>
</ul>
</li>
</ul>
</section>
<section><h3 id="personnalisable-et-rutilisable">Personnalisable et réutilisable</h3>
<ul>
<li>Cadre flexible qui supporte des thèmes personnalisés</li>
<li>Soutien 5 thèmes différents, y compris un thème de base servant comme modèle</li>
<li>Modèles, plugiciels et gadgets réutilisables</li>
<li>Adapté aux différents systèmes de gestion de contenu et cadres de programmation (Drupal, WordPress, SharePoint (en développement), DotNetNuke (en développement), PHP, SSI, Java/Maven)</li>
</ul>
</section>
<section><h3>Réduit les coûts en partageant et en collaborant ouvertement</h3>
<ul>
<li>Réduit les coûts de recherche et de développement</li>
<li>Évite la duplication des efforts</li>
<li>Produit des résultats de meilleure qualité</li>
</ul>
</section>
<section><h3 id="approche-collaborative">Approche collaborative</h3>
<ul>
<li>Projet géré ouvertement sur GitHub, y compris les discussions à travers le système de suivi des questions</li>
<li>Encourage la libre circulation des idées, du dialogue et de l'innovation, y compris le partage des défis et des idées
<li>Les contributions externes sont invités
<ul>
<li>Soumissions de code</li>
<li>Patrons de conception</li>
<li>Problèmes et suggestions</li>
<li>Documentation</li>
<li>Évaluations</li>
</ul>
</li>
<li>Processus d'examen sur plusieurs niveaux pour les contributions pour assurer l'intégrité du code (combinaison d'évaluations automatisées et manuelles)</li>
</ul>
</section>
</section>
<dl id="wet-date-mod" role="contentinfo">
<dt>Date de modification :</dt><dd><span><time>2014-01-21</time></span></dd>
</dl>
<div class="clear"></div>
<!-- MainContentEnd -->
</div></div>
</div></div>
<div id="wb-foot"><div id="wb-foot-in"><footer><h2 id="wb-nav">Pied de page</h2>
<!-- FooterStart -->
<nav role="navigation"><div id="wet-sft"><h3>Pied de page du site</h3><div id="wet-sft-in">
<section><div class="span-2"><h4 class="wet-col-head">À propos</h4>
<ul>
<li><a href="http://wet-boew.github.io/wet-boew/index-fr.html#apropos">À propos de la Boîte à outils de l’expérience Web</a></li>
<li><a href="http://www.tbs-sct.gc.ca/ws-nw/index-fra.asp">À propos des normes Web</a></li>
</ul>
</div></section>
<section><div class="span-2"><h4 class="wet-col-head">Contactez-nous</h4>
<ul>
<li><a href="https://github.com/wet-boew/wet-boew/issues/new">Questions ou commentaires?</a></li>
</ul>
</div></section>
<section><div class="span-2"><h4 class="wet-col-head">Nouvelles</h4>
<ul>
<li><a href="https://github.com/wet-boew/wet-boew/pulse">Activité du projet récente</a></li>
<li><a href="https://github.com/wet-boew/wet-boew/graphs">Statistiques du projet</a></li>
</ul>
</div></section>
<section><div class="span-2"><h4 class="wet-col-head">Restez branchés</h4>
<ul>
<li><a rel="external" href="https://twitter.com/BoiteExpWeb">Twitter</a></li>
</ul>
</div></section>
</div></div></nav>
<!-- FooterEnd -->
</footer>
</div></div></div>
<!-- ScriptsStart -->
<script src="dist/js/settings.js"></script>
<!--[if lte IE 8]>
<script src="dist/theme-wet-boew/js/theme-ie-min.js"></script>
<script src="dist/js/pe-ap-ie-min.js"></script>
<script src="dist/js/jquerymobile/jquery.mobile-ie.min.js"></script>
<![endif]-->
<!--[if gt IE 8]><!-->
<script src="dist/theme-wet-boew/js/theme-min.js"></script>
<script src="dist/js/pe-ap-min.js"></script>
<script src="dist/js/jquerymobile/jquery.mobile.min.js"></script>
<!--<![endif]-->
<!-- ScriptsEnd -->
<!-- CustomScriptsStart -->
<!-- CustomScriptsEnd -->
</body>
</html>