---
{
	"title": "Boîte à outils de l’expérience Web (BOEW)",
	"language": "fr",
	"altLangPrefix": "index",
	"canonical": "https://wet-boew.github.io/wet-boew/index-fr.html",
	"dateModified": "2023-06-19",
	"breadcrumb": "false"
}
---
<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 &laquo;correctifs&raquo; 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>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>
