Skip to content
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 3cc8745 Jun 21, 2016 @shawnthompson shawnthompson committed on GitHub Merge pull request #7572 from EricDunsworth/v4.0-collapsible-alerts-u…
…nderline-outline-overflow

Collapsible alerts: Fixed arrow underline, hover/focus outline and linked area overflow issues.
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 Merge pull request #7575 from EricDunsworth/v4.0-collapsible-alerts-d… Jun 21, 2016
src Collapsible alerts: Fixed arrow underline, hover/focus outline and li… Jun 21, 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 [.gitignore] - added JetBrains IDE exclusions Nov 21, 2014
.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 Build: Convert JSCS and JSHint to ESLint May 18, 2016

README.md

Web Experience Toolkit (WET)

Build Status devDependency Status

Selenium Test Status

What is the Web Experience Toolkit?

Key resources

Benefits

Accessibility

  • Conforms to WCAG 2.0 level AA
  • Leverages WAI-ARIA 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-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

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

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

Avantages

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 (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

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

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.