Working examples

Name Category Description Keywords
ARCHIVED - Archived information Other Helps users identify Web pages that have been archived online. archived
ARCHIVED - Archiving content Other Helps users identify Web pages that have been archived online.
Accessibility responsibility breakdown (WCAG 2.0) Other Provides a breakdown of WCAG 2.0 accessibility responsibilities throughout the Web production chain. arb-rra
Accessibility responsibility breakdown (WCAG 2.0) Other Provides a breakdown of WCAG 2.0 accessibility responsibilities throughout the Web production chain.
Calendar of Events Plugins Dynamically generates a calendar interface for navigating a list of events.
Calendar of Events Plugins Dynamically generates a calendar interface for navigating a list of events. cal-events
Canada.ca theme Themes This theme implements the layout and design requirements for Canada.ca.
Charts and graphs Plugins Dynamically generates charts and graphs from table data.
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 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 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 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 Plugins Displays an overlay when a section moves out of the viewport. data-inview
Data Picture Plugins Allow a web page to specify different image sources to display based on media queries. The component is an event driven port of Picturefill.
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 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
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.
Dismissable content Plugins Make content dismissable by users.
Dismissable content Plugins Make content dismissable by users. dismissable-content
Equal height Plugins A plugin for responsive equal height.
Equal height Plugins A plugin for responsive equal height. equalheight
Favicon Plugins This plugin provides the ability to add and update a web page's favicon.
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
Feedback form Other Allows users to submit feedback for a specific Web page or Web site.
Feeds Plugins Aggregates and displays entries from one or more Web feeds.
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
Footnotes Plugins Provides a consistent, accessible way of handling footnotes across websites.
Form validation Plugins Provides generic validation and error message handling for Web forms. formvalid
Form validation Plugins Provides generic validation and error message handling for Web forms.
Geomap Plugins Displays a dynamic map over which information from additional sources can be overlaid. geomap
Geomap Plugins Displays a dynamic map over which information from additional sources can be overlaid.
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="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.
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
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.
Lightbox Plugins Display images and other content in a dialog box, either individually or as part of a gallery. lightbox
Lightbox Plugins Display images and other content in a dialog box, either individually or as part of a gallery.
MathML polyfill Polyfills Emulates MathML support for browsers that do not have native MathML support.
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 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
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.
Multimedia Player Plugins Provides an accessible multimedia player for embedding video and audio into web pages.
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
Overlay Plugins A flexible, responsive overlay plugin.
Prettify Plugins Provides syntax highlighting of source code snippets in an HTML page using google-code-prettify.
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 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
Session Timeout Plugins Create a session inactivity timeout that warns users when their session is about to expire.
Share widget Plugins Facilitates sharing Web content on social media platforms.
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.
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
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
Tables Plugins Integrates the DataTables plugin into WET providing searching, sorting, filtering, pagination and other advanced features for tables.
Text highlighting Plugins Automatically highlights certain words on a Web page. The highlighted words can be selected via the query string.
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
Toggle Plugins Allows an element to toggle elements between on and off states.
Transitions Other CSS-based transitions transitions
Transitions Other CSS-based transitions
Twitter embedded timeline Plugins Helps with implementing Twitter embedded timelines. twitter
Twitter embedded timeline Plugins Helps with implementing Twitter embedded timelines.
Web Accessibility Assessment Methodology 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.
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
Web Experience Toolkit (WET) theme Themes This theme provides an example implementation of the Base Theme.
Zebra Stripping Plugins Zebra Stripping for table
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
Date modified: