Working examples

Name Category Description Keywords
Accessibility responsibility breakdown (WCAG 2.0) Other Provides a breakdown of WCAG 2.0 accessibility responsibilities throughout the Web production chain. arb-rra
Archived - Archived information Other Helps users identify Web pages that have been archived online. archived
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
Collapsible alerts Plugins Make alerts collapsible by users collapsible-alerts
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 Emulates input list attribute and datalist element support for browsers that do not have support. This adds auto-complete functionality to specific input fields by dynamically displaying a list of words that match the datalist. datalist
Datalist polyfill (auto-complete) - Dynamic Polyfills Demonstrates how to dynamically update the contents of the datalist element, based upon user input. Particularly useful where there are a large number of auto-complete suggestions. datalist
Details/summary polyfill (expandable/collapsible content) Polyfills Emulates details and summary element support for browsers that do not have support. The details and summary elements allows content to be expanded and collapsed. details
Dismissable content Plugins Make content dismissable by users. dismissable-content
Equal height Plugins A plugin for responsive equal height. equalheight
Facebook embedded pages Plugins Helps with implementing Facebook embedded pages. facebook
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
Hello world plugin example Other A quick tutorial on how you can create your own WET plugin. helloworld
Input type="date" polyfill (date picker) Polyfills Emulates <input type="date"> support for browsers that do not have support. This dynamically generates a calendar interface for selecting a date in a form. datepicker
Input type="range" polyfill (slider control) Polyfills Emulates <input type="range"> support for browsers that do not have support. 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 Emulates meter element support for browsers that do not have support. 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 Emulates progress element support for browsers that do not have support. 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 Other CSS-based transitions transitions
Twitter embedded timeline Plugins Helps with implementing Twitter embedded timelines. twitter
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
Jekyll variant Variants Adapts WET for use with Jekyll. jekyll
WordPress variant Variants Adapts WET for use with WordPress. wordpress
Data JSON Canada.ca theme plugins Insert content extracted from a JSON file and leverage HTML 5 template element. (Documentation) gcweb/data-json
Field flow Canada.ca theme plugins Transform a basic list into a selectable list. (Documentation) gcweb/fieldflow
Field flow advanced Canada.ca theme plugins How to go beyond with field flow. (Documentation) gcweb/fieldflow
Field flow basic configuration Canada.ca theme plugins How to use field flow to create small scale user interaction. (Documentation) gcweb/fieldflow
JSON Manager Canada.ca theme plugins Manage dataset and apply JSON Patch. (Documentation) gcweb/jsonmanager
Template HTML 5 Canada.ca theme plugins Leverage HTML 5 template element by using the data json plugin. (Documentation) gcweb/data-json
URL Mapping - Ajax Canada.ca theme plugins Execute pre-configured ajax action based on url query string. (Documentation) gcweb/urlmapping
URL Mapping - Patching JSON Canada.ca theme plugins Execute pre-configured patches action based on url query string. (Documentation) gcweb/urlmapping
URL Mapping - Table filtering Canada.ca theme plugins Execute pre-configured table filtering action based on url query string. (Documentation) gcweb/urlmapping
Date modified: