Working examples
Looking for WET v3.1?
WET v4.0 is now the current version. There is a new location for the current page in WET v3.1.
| Name | Category | Description | Keywords |
|---|---|---|---|
| ARCHIVED - Archived information | Other | Helps users identify Web pages that have been archived online. | archived |
| Accessibility responsibility breakdown (WCAG 2.0) | Other | Provides a breakdown of WCAG 2.0 accessibility responsibilities throughout the Web production chain. | arb-rra |
| Calendar of Events | Plugins | Dynamically generates a calendar interface for navigating a list of events. | cal-events |
| Charts and graphs - Customization | Plugins | Customization, custom presets and multiple charts and graphs types. | charts |
| Charts and graphs - Customizing pie charts | Plugins | Customizing a pie chart to create a donut chart. | charts |
| Charts and graphs - Labels and reference values | Plugins | How to manage the chart labels and the reference values used to determine the points on the chart. | charts |
| Charts and graphs - Simple and easy | Plugins | Dynamically generates charts and graphs from table data. | charts |
| Charts and graphs - Specific test cases | Plugins | Specific test cases for testing purposes. | charts |
| Charts and graphs - Thousands separator and custom preset functions | Plugins | How to configure the thousands separator and use your own function in a preset. | charts |
| Country Content | Plugins | A basic AjaxLoader wrapper that inserts AJAXed-in content based on a visitor's country as determined by http://freegeoip.net | country-content |
| Data Ajax | Plugins | A basic AjaxLoader wrapper that inserts AJAXed-in content. | data-ajax |
| Data Inview | Plugins | Displays an overlay when a section moves out of the viewport. | data-inview |
| Data Picture | Plugins | Event driven port of Picturefill | data-picture |
| Datalist polyfill (auto-complete) | Polyfills | Adds auto-complete functionality to specific <input> fields by dynamically displaying a list of words that match the <datalist>. | datalist |
| Details/summary polyfill (expandable/collapsible content) | Polyfills | The <details> and <summary> elements allows content to be expanded and collapsed. | details |
| Equal height | Plugins | A plugin for responsive equal height. | equalheight |
| Favicon | Plugins | This plugin provides the ability to add and update the favicon's on a web page. | favicon |
| Feedback form | Other | Allows users to submit feedback for a specific Web page or Web site. | feedback |
| Feeds | Plugins | Aggregates and displays entries from one or more Web feeds. | feeds |
| Footnotes | Plugins | Provides a consistent, accessible way of handling footnotes across websites. | footnotes |
| Form validation | Plugins | Provides generic validation and error message handling for Web forms. | formvalid |
| Geomap | Plugins | Displays a dynamic map over which information from additional sources can be overlaid. | geomap |
| Input type="date" polyfill (date picker) | Polyfills | The <input type="date"> element dynamically generates a calendar interface for selecting a date in a form. | datepicker |
| Input type="range" polyfill (slider control) | Polyfills | The <input type="range"> element displays a slider control bar. | slider |
| Lightbox | Plugins | Display images and other content in a dialog box, either individually or as part of a gallery. | lightbox |
| MathML polyfill | Polyfills | Emulates MathML support for browsers that do not have MathML support. | mathml |
| Menu | Plugins | Provides an interactive menu with optional sub-menus. | menu |
| Meter polyfill | Polyfills | The <meter> element displays a scalar measurement in a known range. | meter |
| Multimedia Player - Audio-only | Plugins | Provides an accessible audio player for embedding audio into web pages. | multimedia |
| Multimedia Player - Video | Plugins | Provides an accessible multimedia player for embedding video into web pages. | multimedia |
| Multimedia Player - YouTube | Plugins | Provides an accessible multimedia player for embedding YouTube video into web pages. | multimedia, youtube |
| Overlay | Plugins | A flexible, responsive overlay plugin. | overlay |
| Prettify | Plugins | Provides syntax highlighting of source code snippets in an HTML page using google-code-prettify. | prettify |
| Progress polyfill (progress bar) | Polyfills | The <progress> element displays the progress of a task. | progress |
| Session Timeout | Plugins | Helps Web asset owners to provide session timeout and inactivity timeout functionality. | session-timeout |
| Share widget | Plugins | Facilitates sharing Web content on social media platforms. | share |
| Tabbed Interface | Plugins | Dynamically stacks multiple sections of content, transforming them into a tabbed interface. | tabs |
| Tabbed Interface - Carousel | Plugins | Dynamically stacks multiple images and captions into a carousel (or slider) widget. | tabs, carousel |
| Table Validator | Other | Web editor tool that helps to produce tables that conform to WCAG 2.0 | tablevalidator |
| Tables | Plugins | Integrates the DataTables plugin into WET providing searching, sorting, filtering, pagination and other advanced features for tables. | tables |
| Text highlighting | Plugins | Automatically highlights certain words on a Web page. The highlighted words can be selected via the query string. | texthighlight |
| Toggle | Plugins | Allows a link to toggle elements between on and off states. | toggle |
| Transitions | Plugins | CSS-based transitions | transitions |
| Twitter embedded timeline | Plugins | Helps with implementing Twitter embedded timelines. | |
| Web Accessibility Assessment Methodology (Level AA) | Other | Provides an assessment methodology that assists with measuring conformance to the Web Content Accessibility Guidelines (WCAG) 2.0 Level A, and AA Success Criteria. | wamethod |
| Web Accessibility Assessment Methodology (Level AAA) | Other | Provides an assessment methodology that assists with measuring conformance to the Web Content Accessibility Guidelines (WCAG) 2.0 Level A, AA, and AAA Success Criteria. | wamethod |
| Zebra striping | Plugins | Zebra striping for tables | zebra |
| Base theme | Themes and style | A theme template to aid in the creation of new themes. | theme-base |
| Canada.ca theme | Themes and style | This theme implements the layout and design requirements for Canada.ca. | GCWeb |
| Government of Canada Intranet theme | Themes and style | This theme adapts the Government of Canada Web Usability theme for intranet sites. | theme-gc-intranet |
| Government of Canada Web Usability theme | Themes and style | This theme implements the requirements of the Standard on Web Usability and is recommended for use on all Government of Canada websites (except for Canada.ca). | theme-gcwu-fegc |
| Open Government Platform (OGPL) theme | Themes and style | The Open Government Platform (OGPL) theme was developed to support the Open Government Platform (OGPL). | theme-ogpl |
| Web Experience Toolkit (WET) theme | Themes and style | This theme provides an example implementation of the Base Theme. | theme-wet-boew |
- Date modified: