Web Experience Toolkit (WET): Open source code library for building innovative websites that are accessible, usable, interoperable, mobile-friendly and multilingual. This collaborative open source project is led by the Government of Canada.
HTML JavaScript CSS CoffeeScript Ruby Shell
Latest commit 511a0c5 Jul 20, 2016 @shawnthompson shawnthompson committed on GitHub Merge pull request #7619 from shawnthompson/releasedate-4.0.22
update v4.0.22 release date, pushed one week
Failed to load latest commit information.
dep Remove modernizr build for now. Nov 5, 2015
script Converted the post build scripts to grunt/node Oct 21, 2014
site update v4.0.22 release date, pushed one week Jul 20, 2016
src Merge pull request #7515 from shawnthompson/carousel Jul 13, 2016
theme Merge pull request #7421 from EricDunsworth/v4.0-theme-rtl-wxt-logo-p… May 5, 2016
.bowerrc Build: Setup bower package Sep 4, 2013
.csslintrc Build: Optimized the grunt file and fixed the watch target Feb 12, 2015
.editorconfig Bower: Convert to spaces Mar 28, 2014
.eslintignore Build: Convert JSCS and JSHint to ESLint May 17, 2016
.eslintrc ESLint: Enforce "No Irregular Whitespace" May 17, 2016
.gitattributes Initial commit for v4.0 Aug 15, 2013
.gitignore Updated grunt-gh-pages from 0.9.0 to 1.1.0 Jul 18, 2016
.sass-lint.yml SCSS: Fixed the trailing zero Apr 25, 2016
.travis.yml Travis: Do not cache. Nov 9, 2015
CONTRIBUTING.md GitHub: Updated v3.1 documentation links in CONTRIBUTING file. May 16, 2014
Gemfile Removed thr ruby scss lint Apr 25, 2016
Gemfile.lock Removed thr ruby scss lint Apr 25, 2016
Gruntfile.coffee Build: Convert JSCS and JSHint to ESLint May 18, 2016
Licence-fr.txt Bump license years to 2016 Feb 20, 2016
License-en.txt Bump license years to 2016 Feb 20, 2016
README.md Documentation: Added missing time elements May 30, 2014
Rakefile HTML Proofer: Prevent empty alt attributes from causing failures. Feb 22, 2016
bower.json Updated the build version to v4.0.22-development Apr 12, 2016
browsers.json Build: Improve SauceLabs testing Dec 18, 2014
index-eng.html Added redirects for index-eng and index-fra because WET's CodeFest 20… Jun 30, 2014
index-fra.html Added redirects for index-eng and index-fra because WET's CodeFest 20… Jun 30, 2014
npm-shrinkwrap.json [Upgrade] - Upgraded jquery-validation library Apr 10, 2016
package.json Updated grunt-gh-pages from 0.9.0 to 1.1.0 Jul 18, 2016


Web Experience Toolkit (WET)

Build Status devDependency Status

Selenium Test Status

What is the Web Experience Toolkit?

Key resources



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


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


  • HTML5-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, Schema.org)

Mobile friendly responsive design

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


  • 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

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)

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

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

Ressources clés



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)


  • Approche centrée sur le HTML5 (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, Schema.org)

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


  • 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

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)