-
Notifications
You must be signed in to change notification settings - Fork 28
/
Copy pathindex-fr.html
317 lines (317 loc) · 15.4 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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html class="no-js" lang="fr" dir="ltr">
<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 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.">
<link rel="canonical" href="https://wet-boew.github.io/wet-boew/index-fr.html">
<link rel="alternate" hreflang="en" href="index-en.html">
<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">
<noscript><link rel="stylesheet" href="./wet-boew/css/noscript.min.css"></noscript>
</head>
<body vocab="http://schema.org/" resource="#wb-webpage" typeof="WebPage">
<nav>
<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>
</nav>
<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">
<img src="./theme-wet-boew/assets/logo.svg" alt="">
<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" resource="#wb-main" class="container">
<h1 id="wb-cont" property="name">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>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="key">Ressources</h2>
<div class="row wb-eqht">
<div class="col-lg-4 col-md-6">
<h3 class="h5"><a href="demos/index-fr.html">Exemples</a></h3>
<p>Exemples pratique de l'ensemble des plugiciels incluant les outils de développement</p>
</div>
<div class="col-lg-4 col-md-6">
<h3 class="h5"><a href="docs/index-fr.html">Documentation</a></h3>
<p>Documentation technique et spécification de la configuration des plugiciels</p>
</div>
<div class="col-lg-4 col-md-6">
<h3 class="h5"><a href="docs/versions/dwnld-fr.html">Téléchargements</a></h3>
<p>Exécutable et note de version de la WET-BOEW et du thème de Canada.ca</p>
</div>
<div class="col-lg-4 col-md-6">
<h3 class="h5"><a href="https://wet-boew.github.io/GCWeb/index-fr.html">Thème du Canada.ca (GCWeb)</a></h3>
<p>Ressource technique et référence d'implémentation de la spécification du contenu et de l'AI pour Canada.ca</p>
</div>
<div class="col-lg-4 col-md-6">
<h3 class="h5"><a href="https://github.com/wet-boew/" hreflang="en">Projet de la WET-BOEW sur github</a></h3>
<p>Code source et suivi de billet de l'ensemble des projets de la wet-boew et tableau de bord des projets spécials</p>
</div>
<div class="col-lg-4 col-md-6">
<h3 class="h5"><a href="https://wet-boew.github.io/wet-boew-styleguide/index-fr.html">Guide de style</a></h3>
<p>Style, écriture, conception et guide d'accessibilité pour la Boîte à outils de l'expérience Web (BOEW)</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Décision de conception</h3>
<p><em>(dernière mise à jour: <time datetime="2020-09-11">11 septembre 2020</time>)</em></p>
<p>Notes: DD-8, DD-9, DD-10, DD-11, DD-12 et DD-13 sont disponible en anglais seulement, leur traduction française vont être publié sous peu.</p>
<ul>
<li><a href="https://wet-boew.github.io/wet-boew-documentation/decision/1-fr.html">DD-1: Utiliser des éléments img pour charger des images SVG plutôt que des éléments object</a></li>
<li><a href="https://wet-boew.github.io/wet-boew-documentation/decision/2-fr.html">DD-2: Navigateurs compatibles</a></li>
<li><a href="https://wet-boew.github.io/wet-boew-documentation/decision/3-fr.html">DD-3: API de la BOEW</a></li>
<li><a href="https://wet-boew.github.io/wet-boew-documentation/decision/4-fr.html">DD-4: Mode HTML de base et l’amélioration progressive</a></li>
<li><a href="https://wet-boew.github.io/wet-boew-documentation/decision/5-fr.html">DD-5: Migration du dépôt</a></li>
<li><a href="https://wet-boew.github.io/wet-boew-documentation/decision/6-fr.html">DD-6: Version</a></li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/8.html">DD-8: Dual implementation of structured data with JSON-LD and RDFa Lite in a single web page</a></li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/9.html">DD-9: Release early, release often (<abbr title="Short-term release">STR</abbr>)</a></li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/10.html">DD-10: Provisional feature</a></li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/11.html">DD-11: Resize text testing methodology</a> (Approuvée)</li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/12.html">DD-12: Double H1 on a single page</a></li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/13.html">DD-13: Reduce aggressiveness of form validation plugin</a> (Approuvée)</li>
</ul>
<p><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/index-en.html">Consult all Design decision</a></p>
</div>
<div class="col-md-6">
<h3>Projets dans la famille de la WET-BOEW</h3>
<ul>
<li><a hreflang="en" lang="en" href="https://github.com/wet-boew/wet-boew-dotnet-controls">Web Control Library .NET</a> (en anglais)</li>
<li><a hreflang="en" lang="en" href="https://drupalwxt.github.io">Drupal WxT variant</a> (en anglais)</li>
<li><a hreflang="fr" lang="fr" href="https://cenw-wscoe.github.io/sgdc-cdts/docs/index-fr.html">SGDC - Service centralisé de gabarit</a></li>
<li><a hreflang="en" lang="en" href="https://github.com/orgs/wet-boew/projects/1">WCAG 2.1 Level AA review</a> (en anglais)</li>
</ul>
<p><small>(<a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/projects-en.html">All projects</a> - en anglais)</small></p>
<h3>Ressources pour la gestion du projet de la BOEW</h3>
<ul>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/research-en.html">Research and findings</a> (en anglais)</li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/decision/index-en.html">Design decision</a> (en anglais)</li>
<li><a hreflang="en" lang="en" href="https://wet-boew.github.io/wet-boew-documentation/index-en.html">Project documentations and design decision</a> (en anglais)</li>
<li><a href="docs/start-fr.html#develop">lignes directrices pour les contributeurs</a></li>
<li><a href="Licence-fr.html">Conditions régissant l'utilisation</a> (licence MIT)</li>
</ul>
</div>
</div>
</section>
<section>
<h2 id="avantages">Avantages</h2>
<section>
<h3 id="accessibilit">Accessibilité</h3>
<ul>
<li>Conformes aux <a href="https://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="https://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="https://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 (Edge, Firefox, Chrome, Safari, Opera)</li>
<li>Soutien en développement pour les données HTML (<a href="https://www.w3.org/TR/rdfa-lite/">RDFa 1.1 Lite</a>, <a href="https://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 34 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>Inuktitut</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="https://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">2023-06-19</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="https://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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="./wet-boew/js/wet-boew.min.js"></script>
</body>
</html>