-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-fr.html
283 lines (282 loc) · 12 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
<!DOCTYPE html><!--[if lt IE 9]><html class="no-js lt-ie9" lang="fr" dir="ltr"><![endif]--><!--[if gt IE 8]><!-->
<html class="no-js" lang="fr" dir="ltr">
<!--<![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) - Exemples pratiques - Boîte à outils de l'expérience Web
</title>
<meta content="width=device-width,initial-scale=1" name="viewport">
<!-- Meta data -->
<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 data-->
<!--[if gte IE 9 | !IE ]><!-->
<link href="./theme-wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
<link rel="stylesheet" href="./theme-wet-boew/css/theme.min.css">
<!--<![endif]-->
<!--[if lt IE 9]>
<link href="./theme-wet-boew/assets/favicon.ico" rel="shortcut icon" />
<link rel="stylesheet" href="./theme-wet-boew/css/ie8-theme.min.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
<![endif]-->
<noscript><link rel="stylesheet" href="./wet-boew/css/noscript.min.css" /></noscript>
</head>
<body vocab="http://schema.org/" typeof="WebPage">
<ul id="wb-tphp">
<li class="wb-slc">
<a class="wb-sl" href="#wb-cont">Passer au contenu principal</a>
</li>
<li class="wb-slc visible-sm visible-md visible-lg">
<a class="wb-sl" href="#wb-info">Passer à « À propos de ce site »</a>
</li>
</ul>
<header role="banner">
<div id="wb-bnr">
<div id="wb-bar">
<div class="container">
<div class="row">
<section id="wb-lng" class="visible-md visible-lg">
<h2>Sélection de la langue</h2>
<ul class="text-right">
<li class="curr">Français <span>(actuel)</span></li>
<li><a lang="en" hreflang="en" href="index-en.html">English</a></li>
</ul>
</section>
<section class="wb-mb-links col-xs-12 visible-sm visible-xs" id="wb-glb-mn">
<h2>Recherche et menus</h2>
<ul class="pnl-btn list-inline text-right">
<li><a href="#mb-pnl" title="Recherche et menus" aria-controls="mb-pnl" class="overlay-lnk btn btn-sm btn-default" role="button"><span class="glyphicon glyphicon-search"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Recherche et menus</span></span></span></a></li>
</ul>
<div id="mb-pnl"></div>
</section>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div id="wb-sttl" class="col-md-8">
<a href="./index-fr.html">
<object type="image/svg+xml" tabindex="-1" data="./theme-wet-boew/assets/logo.svg"></object>
<span>Boîte à outils de l'expérience Web<span class="wb-inv">, </span><small>Projet à source ouverte collaboratif dirigé par le Gouvernement du Canada</small></span>
</a>
</div>
<section id="wb-srch" class="col-md-4 visible-md visible-lg">
<h2>Recherche</h2>
<form action="https://google.ca/search" method="get" role="search" class="form-inline">
<div class="form-group">
<label for="wb-srch-q">Recherchez le site Web</label>
<input id="wb-srch-q" class="form-control" 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/">
</div>
<button type="submit" id="wb-srch-sub" class="btn btn-default">Recherche</button>
</form>
</section>
</div>
</div>
</div>
<nav role="navigation" id="wb-sm" data-ajax-replace="./ajax/sitemenu-fr.html" data-trgt="mb-pnl" class="wb-menu visible-md visible-lg" typeof="SiteNavigationElement">
<div class="container nvbar">
<h2>Menu des sujets</h2>
<div class="row">
<ul class="list-inline menu">
<li><a href="./index-fr.html">Projet de la BOEW</a></li>
<li><a href="./docs/start-fr.html#implement">Mise en œuvre de la BOEW</a></li>
<li><a href="./docs/start-fr.html">Contribuer à la BOEW</a></li>
</ul>
</div>
</div>
</nav>
</header>
<main role="main" property="mainContentOfPage" class="container">
<h1 id="wb-cont" property="name">Boîte à outils de l’expérience Web (BOEW)</h1>
<section>
<details class="alert alert-info" id="alert-info" open="open">
<summary class="h2">
<h2>Nouveau cycle de publication trimestrielle</h2>
</summary>
<p>La BOEW va maintenant être publiée 4 fois par ans au lieu de mensuellement pour faciliter la maintenance des applications et des sites Web.</p>
</details>
</section>
<section>
<h2 id="apropos">Qu’est-ce que la Boîte à outils de l’expérience Web?</h2>
<ul>
<li>Une bibliothèque de code <a href="docs/ref/accolades-fr.html#primes">primée</a> pour construire des sites Web <a href="#accessibilit">accessibles</a>, <a href="#facilit-demploi">faciles d'emploi</a>, <a href="#interoprabilit">interopérables</a>, <a href="#conception-optimise-pour-les-appareils-mobiles-et-ractive">optimisés pour les appareils mobiles</a> et <a href="#multilingue">multilingues</a></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 <a href="#approche-collaborative">projet à source ouverte collaboratif dirigé par le Gouvernement du Canada</a></li>
</ul>
</section>
<section>
<h2 id="cles">Ressources clés</h2>
<ul>
<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="demos/index-fr.html">Exemples pratiques</a></li>
<li><a href="docs/versions/index-fr.html">Historique des versions</a> et <a href="docs/versions/rdmp-fr.html">feuille de route</a></li>
<li><a href="docs/index-fr.html#boew31">Avis concernant la BOEW v3.1</a></li>
<li><a href="Licence-fr.html">Conditions régissant l'utilisation</a> (licence MIT)</li>
<li><a href="https://github.com/wet-boew/wet-boew/">Dépôt de code source</a> et <a href="docs/start-fr.html#develop">lignes directrices pour les contributeurs</a></li>
<li><a href="docs/comms-fr.html">Matériel de communications</a></li>
<li><a href="docs/ref/wetsites-fr.html">Sites Web qui se servent de la BOEW</a></li>
<li><a href="http://wet-boew.github.io/wet-boew-styleguide/v4/design/index-en.html">Guide de conception</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</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 <a href="docs/ref/themesstyle-fr.html">5 thèmes différents</a>, y compris un <a href="http://wet-boew.github.io/themes-dist/theme-base/docs/ref/theme-base/theme-base-fr.html">thème de base</a> servant comme modèle</li>
<li>Modèles, <a href="docs/ref/plugins-fr.html">plugiciels</a> et gadgets réutilisables</li>
<li><a href="docs/ref/variants-fr.html">Adapté aux différents systèmes de gestion de contenu et cadres de programmation</a> (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><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="wb-dtmd">
<dt>Date de modification : </dt>
<dd><time property="dateModified">2016-06-09</time></dd>
</dl>
</main>
<footer role="contentinfo" id="wb-info" class="visible-sm visible-md visible-lg wb-navcurr">
<div class="container">
<nav role="navigation" class="row">
<h2>À propos de ce site</h2>
<section class="col-sm-3">
<h3>Contactez-nous</h3>
<ul class="list-unstyled">
<li><a href="https://github.com/wet-boew/wet-boew/issues/new">Questions ou commentaires?</a></li>
</ul>
</section>
<section class="col-sm-3">
<h3>À propos</h3>
<ul class="list-unstyled">
<li><a href="./index-fr.html#apropos">À propos de la Boîte à outils de l’expérience Web</a></li>
<li><a rel="external" href="http://www.tbs-sct.gc.ca/ws-nw/index-fra.asp">À propos des normes Web</a></li>
</ul>
</section>
<section class="col-sm-3">
<h3>Nouvelles</h3>
<ul class="list-unstyled">
<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>
</section>
<section class="col-sm-3">
<h3>Restez branchés</h3>
<ul class="list-unstyled">
<li><a rel="external" href="https://twitter.com/BoiteExpWeb">Twitter</a></li>
</ul>
</section>
</nav>
</div>
</footer>
<!--[if gte IE 9 | !IE ]><!-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="./wet-boew/js/wet-boew.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
<![endif]-->
</body>
</html>