Skip to content


Subversion checkout URL

You can clone with
Download ZIP
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 9b41faf @nschonni nschonni Merge pull request #7225 from EricDunsworth/v4.0-footnotes-docs-typo-en
Footnotes: Corrected typo in English documentation.
Failed to load latest commit information.
dep Remove modernizr build for now.
script Converted the post build scripts to grunt/node
site Footnotes: Corrected typo in English documentation.
src equalheight: Fix issues with multiple equalheight groups. By @duprasf
theme CSS: Fixed the Bootstrap license block
.bowerrc Build: Setup bower package
.csslintrc Build: Optimized the grunt file and fixed the watch target
.editorconfig Bower: Convert to spaces
.gitattributes Initial commit for v4.0
.gitignore [.gitignore] - added JetBrains IDE exclusions
.jscsrc Build: Bump JSCS to 2.0 and fix errors
.jshintignore Geomap: Port of the Geomap plugin to WET v4.0
.jshintrc Build: Update grunt-contrib-jshint 0.11.2
.scss-lint.yml Build: Fix SCSS-Lint issues
.travis.yml Travis: Do not cache. GitHub: Updated v3.1 documentation links in CONTRIBUTING file.
Gemfile Build: Bump SCSS_Lint to 0.40.1
Gemfile.lock Build: Bump Rake to 10.4.2 Fixed the offline jQuery version being switched
Licence-fr.txt License: Bump year to 2014
License-en.txt License: Bump year to 2014 Documentation: Added missing time elements
Rakefile HTML Proofer: Relax failures
bower.json Updated the build version to v4.0.19-development
browsers.json Build: Improve SauceLabs testing
index-eng.html Added redirects for index-eng and index-fra because WET's CodeFest 20…
index-fra.html Added redirects for index-eng and index-fra because WET's CodeFest 20…
package.json Merge pull request #7177 from andre-gh/modern

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,

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,

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)
Something went wrong with that request. Please try again.