Working examples

Accessibility Responsibility Breakdown (WCAG 2.0)

• Accessibility Responsibility Breakdown (WCAG 2.0) - English example
• Accessibility Responsibility Breakdown (WCAG 2.0) - French example
• Accessibility Responsibility Breakdown (WCAG 2.0) - English example - Planning accessibility
• Accessibility Responsibility Breakdown (WCAG 2.0) - French example - Planning accessibility

Archiving content

• Archiving content - English example
• Archiving content - French example

Auto-complete

• Auto-complete - English example
• Auto-complete - French example

Calendar interface

• Calendar interface - Date picker - English example
• Calendar interface - Date picker - French example
• Calendar interface - Events calendar - English example
• Calendar interface - Events calendar - French example

Charts and Graphs

• Charts and Graphs - Simple English examples
• Charts and Graphs - Simple French examples
• Charts and Graphs - Customized English examples
• Charts and Graphs - Customized French examples
• Charts and Graphs - Complex English examples
• Charts and Graphs - Complex French examples

CLF 2.0 theme

• CLF 2.0 theme - Content pages
• CLF 2.0 theme - Welcome pages
• CLF 2.0 theme - Server message pages

Drupal variant

• Drupal variant - English example
• Drupal variant - French example

Expandable/collapsible content

• Expandable/collapsible content - English example
• Expandable/collapsible content - French example

Feedback form

• Feedback form - English example
• Feedback form - French example

Footnotes

• Footnotes - English examples
• Footnotes - French examples

Form validation

• Form validation - English examples
• Form validation - French examples

GC Web Usability theme

• GC Web Usability theme - English examples
• GC Web Usability theme - French examples

GC Web Usability Intranet theme

• GC Web Usability Intranet theme - English examples
• GC Web Usability Intranet theme - French examples

Grid System

• Grid System - English example

Language selector

• Language selector - English example - JavaScript + PHP
• Language selector - French example - JavaScript + PHP

Lightbox

• Lightbox - English examples
• Lightbox - French examples

Mathematical/scientific formula display

• Mathematical/scientific formula display (MathML polyfill) - English examples
• Mathematical/scientific formula display (MathML polyfill) - French examples
• Mathematical/scientific formula display (MathML polyfill) - Complex French example

Menu bar

• Menu bar - English example - Mega menu
• Menu bar - French example - Mega menu
• Menu bar - English example - Horizontal site menu bar
• Menu bar - French example - Horizontal site menu bar

Multimedia player

• Multimedia player - English video examples
• Multimedia player - French video examples

Optimal content examples

• Optimal content examples - English examples
• Documentation related to HTML Table

Optimal content development tools

• HTML Table Validator

PHP variant

• PHP variant - English examples
• PHP variant - French examples

Prettify

• Prettify - English examples
• Prettify - French examples

Progress bar

• Progress bar - English examples
• Progress bar - French examples

Responsive design emulator

• Responsive design emulator - Content page - English - GC Web Usability theme
• Responsive design emulator - Content page - French - GC Web Usability theme
• Responsive design emulator - Content page + Secondary menu 1 - English - GC Web Usability theme
• Responsive design emulator - Content page + Secondary menu 1 - French - GC Web Usability theme
• Responsive design emulator - Content page + Secondary menu 2 - English - GC Web Usability theme
• Responsive design emulator - Content page + Secondary menu 2 - French - GC Web Usability theme

Session timeout

• Session timeout - English example
• Session timeout - French example

Share widget

• Share widget - English example
• Share widget - French example
• Share widget - English example - Filtered sites
• Share widget - French example - Filtered sites

Slide-out tab

• Slide-out tab - English example
• Slide-out tab - French example

Slider control

• Slider control - English examples
• Slider control - French examples

SSI variant

• SSI variant - English examples
• SSI variant - French examples

Tabbed interface

• Tabbed interface - English examples
• Tabbed interface - French examples

Text highlighting

• Text highlighting - English example
• Text highlighting - French example

Web Accessibility Assessment Methodology

• Web Accessibility Assessment Methodology - English methodology
• Web Accessibility Assessment Methodology - French methodology
• Web Accessibility Assessment Methodology - English methodology (AAA)
• Web Accessibility Assessment Methodology - French methodology (AAA)

Web feeds

• Web feeds - English examples
• Web feeds - French examples

Web Storage (HTML5)

• Web Storage (HTML5) - English example - Persistent storage
• Web Storage (HTML5) - French example - Persistent storage

WordPress variant

• WordPress variant - English examples

Zebra striping

• Zebra striping - English examples
• Zebra striping - French examples