Web Experience Toolkit (WET)

Working examples (2.x)

Core framework

Project Working examples
Core framework Core framework - HTML5
Core framework - XHTML 1.0 Strict

Framework variants

Project Working examples
ASP variant ASP variant - HTML5
ASP variant - XHTML 1.0 Strict
Drupal variant Drupal variant - GC Web Usability theme - English
Drupal variant - GC Web Usability theme - French
Mobile device variant Mobile device variant - Base theme - HTML5
Mobile device variant - CLF 2.0 theme - HTML5
PHP variant PHP variant - GC Web Usability theme
PHP variant - CLF 2.0 theme
PHP variant - General theme
Ruby on Rails variant Ruby on Rails variant - Welcome page
Ruby on Rails variant - English main page
Ruby on Rails variant - French main page
SSI variant SSI variant - GC Web Usability theme
SSI variant - CLF 2.0 theme
SSI variant - General theme
TYPO3 variant TYPO3 variant - CLF 2.0 theme - 3 columns - English
TYPO3 variant - CLF 2.0 theme - 3 columns - French
WordPress variant WordPress variant - GC Web Usability theme - HTML5 - English
WordPress variant - GC Web Usability theme - HTML5 - French

WET themes

Project Working examples
Accessibil-IT theme Accessibil-IT theme - HTML5
CLF 2.0 theme CLF 2.0 theme - HTML5
CLF 2.0 theme - XHTML 1.0 Strict
GC Web Usability theme GC Web Usability theme - HTML5
GC Web Usability theme - XHTML 1.0 Strict
GC intranet theme GC intranet theme working examples
General theme General theme - HTML5
General theme - XHTML 1.0 Strict
TerraFirma2 theme TerraFirma2 theme - 2 column - HTML5 - English
TerraFirma2 theme - 2 column - XHTML 1.0 Strict - English

Display enhancement features

Project Working examples
Archived Web page template Archived Web Page template - English - GC Web Usability theme
Archived Web Page template - French - GC Web Usability theme
Archived Web Page template - English - CLF 2.0 theme
Archived Web Page template - French - CLF 2.0 theme
Charts and graphs support Charts and graphs support - GC Web Usability theme
Charts and graphs support - CLF 2.0 theme
CSS Grid System CSS Grid System - 1 column - English
CSS Grid System - 2 column - English
Mathematical/scientific formula display Mathematical/scientific formula display - English
Mathematical/scientific formula display - French
Progress bar Progress bar - English
Progress bar - French
Search term highlighting Search term highlighting - English
Search term highlighting - French
Tracked changes Tracked changes - English
Tracked changes - French
Zebra striping Zebra striping - English
Zebra striping - French

Form interface features

Project Working examples
Accessible CAPTCHA DISTCHA - English
Auto-complete for text input fields Auto-complete for text input fields - English - HTML5
Auto-complete for text input fields - French - HTML5
Auto-complete for text input fields - English - XHTML 1.0 Strict
Auto-complete for text input fields - French - XHTML 1.0 Strict
Checkbox list enhancement Checkbox list enhancement - English
Checkbox list enhancement - French
Deselectable radio buttons Deselectable radio buttons - English
Deselectable radio buttons - French
Form button enhancement Form button enhancement - English
Form button enhancement - French
Form validation Form validation - English
Form validation - French
Slider control Slider control - HTML5 - English
Slider control - HTML5 - French
Slider control - XHTML 1.0 Strict - English
Slider control - XHTML 1.0 Strict - French

Information sharing features

Project Working examples
Feedback form Feedback form - English
Feedback form - French
Share widget Share widget - English
Share widget - French
Share widget (no icons) - English
Share widget (no icons) - French
Share widget (all sites) - English
Share widget (all sites) - French
Web feeds widget Web feeds widget - English
Web feeds widget - French

Interface enhancement features

Project Working examples
Calendar interface Date picker working examples
Events calendar working examples
Coda slider Coda slider - Basic slider - English
Coda slider - Basic slider - French
Coda slider - Vertical slider
Coda slider - Slider with grid (span-2 + span-4 layout)
Coda slider - Slider with grid (span-3 + span-3 layout)
Dialog box enhancement Dialog box enhancement - HTML5
Dialog box enhancement - XHTML 1.0 Strict
Expandable/collapsible content Expandable/collapsible content - English
Expandable/collapsible content - French
Filterable content Filterable content - Example 1 - English
Filterable content - Example 2 - English
Geomap Geomap - GC Web Usability theme
Geomap - CLF 2.0 theme
Multimedia player Multimedia player - English
Multimedia player - French
Panorama Panorama - English
Panorama - French

Navigation enhancement features

Project Working examples
Accessible footnotes Accessible footnotes - HTML5
Accessible footnotes - XHTML 1.0 Strict
Active link indicator Active link indicator - English
Floating toolbar Floating toolbar - English - GC Web Usability theme
Floating toolbar - French - GC Web Usability theme
Floating toolbar - English - CLF 2.0 theme
Floating toolbar - French - CLF 2.0 theme
Menu bar Menu bar - GC Web Usability theme
Menu bar - CLF 2.0 theme
Open new window/tab Open new window/tab - HTML5 - English - GC Web Usability theme
Open new window/tab - HTML5 - French - GC Web Usability theme
Open new window/tab - XHTML 1.0 Strict - English - GC Web Usability theme
Open new window/tab - XHTML 1.0 Strict - French - GC Web Usability theme
Slide out tab widget Slide out tab widget - GC Web Usability theme
Slide out tab widget - CLF 2.0 theme
Tabbed interface Tabbed interface - English
Tabbed interface with grids - English
Tabbed interface in the right column - English

Personalisation features

Project Working examples
Client-side CSS Client-side CSS - English
Client-side CSS - French
Customizable interface Customizable interface with grids - English
Geo-targeting Geo-targeting - English
Geo-targeting - French
Helpful 404 error pages Helpful 404 error pages - English/French
Helpful 404 error pages - French/English
Style switcher Style switcher - English
Style switcher - French

Utility features

Project Working examples
Language selector Language selector - jQuery + PHP - English
Language selector - jQuery + PHP - French
Language selector - PHP only - English
Language selector - PHP only - French
Optimal content examples Optimal content examples - English
Session timeout Session timeout - English - GC Web Usability theme
Session timeout - French - GC Web Usability theme
Session timeout - English - CLF 2.0 theme
Session timeout - French - CLF 2.0 theme

Web management features

Project Working examples
Accessibility responsibility breakdown Accessibility responsibility breakdown - English
Accessibility responsibility breakdown - French
Planning accessibility - Accessibility responsibility breakdown - English
Planning accessibility - Accessibility responsibility breakdown - French
GC style guide GC style guide - English
Web Accessibility Assessment Methodology Web Accessibility Assessment Methodology - English
Web Accessibility Assessment Methodology - French
Web Accessibility Assessment Methodology (AAA) - English
Web Accessibility Assessment Methodology (AAA) - French
Testing techniques repository for WCAG 2.0 Testing techniques repository for WCAG 2.0 - English
Testing techniques repository for WCAG 2.0 - French