forked from wet-boew/wet-boew
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-fr.html
1 lines (1 loc) · 10.4 KB
/
index-fr.html
1
<!DOCTYPE html> <!--[if lt IE 9]><html class="no-js lt-ie9" lang="fr"><![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="fr"> <!--<![endif]--> <head> <meta charset="utf-8"/> <title>Boîte à outils de l’expérience Web (BOEW) - Boîte à outils de l'expérience Web</title> <link href="./assets/favicon.ico" rel="shortcut icon"/> <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."/> <!--[if gte IE 9 | !IE ]><!--> <link rel="stylesheet" href="./css/wet-boew.min.css"/> <!--<![endif]--> <link rel="stylesheet" href="./css/theme.min.css"/> <!--[if lt IE 9]><link rel="stylesheet" href="./css/ie8-wet-boew.css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="./js/ie8-wet-boew.min.js"></script><![endif]--> <noscript><link rel="stylesheet" href="./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-md visible-lg"> <a class="wb-sl" href="#wb-info">Passer aux informations sur le 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>(courant)</span> </li> <li> <a lang="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>Menu</h2> <ul class="pnl-btn list-inline text-right"> <li><a href="#mb-pnl" title="Menu" aria-controls="mb-pnl" class="overlay-lnk" role="button"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Menu</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" role="img" data="./assets/logo.svg" aria-label="Boîte à outils de l'expérience Web"></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="#" method="post" 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="wb-srch-q" type="search" value="" size="27" maxlength="150"/> </div> <button type="submit" id="wb-srch-sub" class="btn btn-default" name="wb-srch-sub">Recherche</button> </form> </section> </div> </div> </div> <nav role="navigation" id="wb-sm" data-ajax-fetch="./ajax/sitemenu-fr.html" data-trgt="mb-pnl" class="wb-menu visible-md visible-lg" typeof="SiteNavigationElement"> <div class="container nvbar"> <h2>Menu du site</h2> <div class="row"> <ul class="list-inline menu"> <li><a href="./index-fr.html">Projet de la BOEW</a></li> <li><a href="https://github.com/wet-boew/wet-boew/wiki/Mise-en-%C5%93uvre-de-la-BOEW">Mise en œuvre de la BOEW</a></li> <li><a href="https://github.com/wet-boew/wet-boew/wiki/Lignes-directrices-pour-les-contributeurs">Contribuer à la BOEW</a></li> <li><a href="/wet-boew//plugins/index-fr.html">Plugiciel</a></li> <li><a href="/wet-boew//polyfills/index-fr.html">Correctifs</a></li> <li><a href="/wet-boew//other/index-fr.html">Autres</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> <div id="avantages" class="wb-tabs"> <details id="apropos"> <summary>Apropos</summary> <ul> <li>Un projet à source ouverte collaboratif dirigé par le Gouvernement du Canada</li> <li>Une bibliothèque de code <a href="https://github.com/wet-boew/wet-boew/wiki/Distinctions#wiki-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="http://wet-boew.github.io/wet-boew/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> </details> <details id="accessibilit"> <summary>Accessibilité</summary> <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> </details> <details id="facilit-demploi"> <summary>Facilité d'emploi</summary> <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> </details> <details id="interoprabilit"> <summary>Interopérabilité</summary> <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> </details> <details id="conception-optimise-pour-les-appareils-mobiles-et-ractive"> <summary>Conception optimisée pour les appareils mobiles et réactive</summary> <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> </details> <details id="multilingue"> <summary>Multilingue</summary> 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> </details> <details id="personnalisable-et-rutilisable"> <summary>Personnalisable et réutilisable</summary> <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> </details> <details id="reduit-les-couts"> <summary>Réduit les coûts</summary> <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> </details> <details id="approche-collaborative"> <summary>Approche collaborative</summary> <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> </details> </div> </main> <footer role="contentinfo" id="wb-info" class="container visible-md visible-lg"> <nav role="navigation" class="row"> <h2>Informations sur le site</h2> <section class="col-sm-3"> <h3>À propos</h3> <ul class="list-unstyled"> <li><a href="/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> </section> <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>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 href="https://twitter.com/BoiteExpWeb">Twitter</a></li> </ul> </section> </nav> </footer> <!--[if gte IE 9 | !IE ]><!--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="./js/wet-boew.min.js"></script> <!--<![endif]--> <!--[if lt IE 9]><script src="./js/ie8-wet-boew2.min.js"></script><![endif]--> </body> </html>