(Français)

Web Experience Toolkit (WET)

What is the Web Experience Toolkit?

• An award-winning(link is external) front-end framework for building websites that are accessible(link is external), usable(link is external), interoperable(link is external), mobile friendly(link is external) and multilingual(link is external)
• A collection of flexible and themeable templates and reusable components(link is external)
• A collaborative open source project led by the Government of Canada(link is external)

Key resources

• Documentation(link is external)
• Downloads(link is external)
• Examples(link is external)
• Version history(link is external) and roadmap(link is external)
• Terms and conditions(link is external) (MIT license)
• Source code repository(link is external) and contributing guidelines(link is external)
• Communications material(link is external)
• Websites using WET(link is external)

Benefits

Accessibility

• Conforms to WCAG 2.0(link is external) level AA
• Leverages WAI-ARIA(link is external) to further enhance accessibility
• Assistive technology testing (Access Working Group)

Usability

• Iterative approach to design
• Design patterns and usability testing (User Experience Working Group)

Interoperability

• HTML5(link is external)-first approach (leveraging native HTML5 support and filling support gaps with “polyfills”)
• Supporting a wide variety of browsers (IE, Firefox, Chrome, Safari, Opera)
• Building support for HTML data (RDFa 1.1 Lite(link is external), Schema.org(link is external))

Mobile friendly responsive design

• Adapts to different screen sizes and device capabilities
• Touchscreen support
• Optimized for performance
• Building support for device-based mobile applications

Multilingual

• Currently supports 33 languages (including right-to-left languages)
  
  • English
  • French
  • Afrikaans
  • Albanian
  • Arabic
  • Armenian
  • Bulgarian
  • Chinese
  • Chinese (Simplified)
  • Czech
  • Dutch
  • Estonian
  • German
  • Greek
  • Hindi
  • Hungarian
  • Icelandic
  • Indonesian
  • Italian
  • Japanese
  • Korean
  • Latvian
  • Lithuanian
  • Polish
  • Portuguese
  • Portuguese (Brazilian)
  • Russian
  • Slovak
  • Spanish
  • Thai
  • Turkish
  • Ukranian
  • Vietnamese

Themeable and reusable

• Flexible framework that supports custom themes
• Includes support for 2 different themes(link is external)
• Reusable templates, plugins(link is external) and widgets
• Adapted to various CMS and programming frameworks(link is external) (Drupal, WordPress, SharePoint (in development), DotNetNuke (in development), PHP, SSI, Java/Maven)

Reduces costs by openly sharing and collaborating

• Drives down research and development costs
• Avoids duplication of effort
• Produces better quality results

Collaborative approach

• Project managed openly on GitHub, including discussion through the issues tracker
• Encouraging a free flow of ideas, dialogue and innovation including sharing of challenges and ideas
• External contributions welcome
  
  • Pull requests
  • Design patterns
  • Issues and suggestions
  • Documentation
  • Testing
• Multi-level review process for contributions to ensure code integrity (combination of automated and manual reviews)

How to Contribute

See CONTRIBUTING.md

License

Unless otherwise noted, the source code of this project is covered under Crown Copyright, Government of Canada, and is distributed under the MIT License.

The Canada wordmark and related graphics associated with this distribution are protected under trademark law and copyright law. No permission is granted to use them outside the parameters of the Government of Canada's corporate identity program. For more information, see Federal identity requirements(link is external).

Boîte à outils de l’expérience Web (BOEW)

Qu’est-ce que la Boîte à outils de l’expérience Web?

• Une bibliothèque de code primée(link is external) pour construire des sites Web accessibles(link is external), faciles d'emploi(link is external), interopérables(link is external), optimisés pour les appareils mobiles(link is external) et multilingues(link is external)
• Des modèles, ainsi que des composants réutilisables, qui sont flexibles et personnalisables(link is external)
• Un projet à source ouverte collaboratif dirigé par le Gouvernement du Canada(link is external)

Ressources clés

• Documentation(link is external)
• Téléchargements(link is external)
• Exemples pratiques(link is external)
• Historique des versions(link is external) et feuille de route(link is external)
• Conditions régissant l'utilisation(link is external) (licence MIT)
• Dépôt de code source(link is external) et lignes directrices pour les contributeurs(link is external)
• Matériel de communications(link is external)
• Sites Web qui se servent de la BOEW(link is external)

Avantages

Accessibilité

• Conforme aux Règles pour l'accessibilité des contenus Web (WCAG) 2.0(link is external) niveau AA
• S'appuie sur WAI-ARIA(link is external) pour améliorer l'accessibilité
• Vérification avec les technologies d'assistance (Groupe de travail sur l'accessibilité)

Facilité d'emploi

• Approche itérative pour la conception
• Patrons de conception et les essais de facilité d'emploi (Groupe de travail sur l'expérience des utilisateurs)

Interopérabilité

• Approche centrée sur le HTML5(link is external) (s'appuyant sur le soutien HTML5 natif et puis les «correctifs» pour résoudre les problèmes de soutien)
• Soutien pour plusieurs navigateurs (IE, Firefox, Chrome, Safari, Opera)
• Soutien en développement pour les données HTML (RDFa 1.1 Lite(link is external), Schema.org(link is external))

Conception optimisée pour les appareils mobiles et réactive

• S'adapte à différentes tailles d'écran et capacités d'appareil
• Soutien pour les écrans tactiles
• Optimisé pour les performances
• Soutien en développement pour les applications s’installant sur un appareil mobile

Multilingue

• Soutien actuellement 33 langues (y compris les langues droite-à-gauche)
  
  • Anglais
  • Français
  • Afrikaans
  • Albanais
  • Allemand
  • Arabe
  • Arménien
  • Bulgare
  • Chinois
  • Chinois (simplifiée)
  • Coréen
  • Espagnol
  • Estonien
  • Grec
  • Hindi
  • Hongrois
  • Indonésien
  • Islandais
  • Italien
  • Japonais
  • Letton
  • Lituanien
  • Néerlandais
  • Polonais
  • Portugais
  • Portugais (brésilien)
  • Russe
  • Slovaque
  • Tchèque
  • Thaï
  • Turc
  • Ukrainien
  • Vietnamien

Personnalisable et réutilisable

• Cadre flexible qui supporte des thèmes personnalisés
• Soutien 2 thèmes différents(link is external)
• Modèles, plugiciels(link is external) et gadgets réutilisables
• Adapté aux différents systèmes de gestion de contenu et cadres de programmation(link is external) (Drupal, WordPress, SharePoint (en développement), DotNetNuke (en développement), PHP, SSI, Java/Maven)

Réduit les coûts en partageant et en collaborant ouvertement

• Réduit les coûts de recherche et de développement
• Évite la duplication des efforts
• Produit des résultats de meilleure qualité

Approche collaborative

• Projet géré ouvertement sur GitHub, y compris les discussions à travers le système de suivi des questions
• Encourage la libre circulation des idées, du dialogue et de l'innovation, y compris le partage des défis et des idées
• Les contributions externes sont invités
  
  • Soumissions de code
  • Patrons de conception
  • Problèmes et suggestions
  • Documentation
  • Évaluations
• Processus d'examen sur plusieurs niveaux pour les contributions pour assurer l'intégrité du code (combinaison d'évaluations automatisées et manuelles)

Comment contribuer

Voir CONTRIBUTING.md

Licence

Sauf indication contraire, le code source de ce projet est protégé par le droit d'auteur de la Couronne du gouvernement du Canada et distribué sous la licence MIT.

Le mot-symbole « Canada » et les éléments graphiques connexes liés à cette distribution sont protégés en vertu des lois portant sur les marques de commerce et le droit d'auteur. Aucune autorisation n'est accordée pour leur utilisation à l'extérieur des paramètres du programme de coordination de l'image de marque du gouvernement du Canada. Pour obtenir davantage de renseignements à ce sujet, veuillez consulter les Exigences pour l'image de marque(link is external).