Web Experience Toolkit (WET)

History

Exemples pratiques (v2.x)

Cadre fondamental

Projet Exemples pratiques
Cadre fondamental Cadre fondamental - HTML5
Cadre fondamental - XHTML 1.0 Strict

Variantes du cadre

Projet Exemples pratiques
Variante pour ASP Variante pour ASP - HTML5
Variante pour ASP - XHTML 1.0 Strict
Variante pour Drupal Variante pour Drupal - Thème de la facilité d'emploi GC - Anglais
Variante pour Drupal - Thème de la facilité d'emploi GC - Français
Variante pour PHP Variante pour PHP - Thème de la facilité d'emploi GC
Variante pour PHP - Thème de la NSI 2.0
Variante pour PHP - Thème général
Variante pour Ruby on Rails Variante pour Ruby on Rails - Page d'accueil
Variante pour Ruby on Rails - Page principale en anglais
Variante pour Ruby on Rails - Page principale en français
Variante pour SSI Variante pour SSI - Thème de la facilité d'emploi GC
Variante pour SSI - Thème de la NSI 2.0
Variante pour SSI - Thème général
Variante pour TYPO3 Variante pour TYPO3 - Thème NSI 2.0 - 3 colonnes - Anglais
Variante pour TYPO3 - Thème NSI 2.0 - 3 colonnes - Français
Variante pour WordPress Variante pour WordPress - Thème de la facilité d'emploi Web GC - HTML5 - Anglais
Variante pour WordPress - Thème de la facilité d'emploi Web GC - HTML5 - Français
Variantes des appareils mobiles Variantes des appareils mobiles - Thème base - HTML5
Variantes des appareils mobiles - Thème NSI 2.0 - HTML5

Thèmes de la BOEW

Projet Exemples pratiques
Thème Accessibil-IT Thème Accessibil-IT - HTML5
Thème Accessibil-IT - XHTML 1.0 Strict
Thème de la facilité d'emploi Web GC Thème de la facilité d'emploi Web GC - HTML5
Thème de la facilité d'emploi Web GC - XHTML 1.0 Strict
Thème de la NSI 2.0 Thème de la NSI 2.0 - HTML5
Thème de la NSI 2.0 - XHTML 1.0 Strict
Thème général Thème général - HTML5
Thème général - XHTML 1.0 Strict
Thème intranet GC Thème intranet GC - Exemples pratiques
Thème TerraFirma2 Thème TerraFirma2 - 2 colonnes - HTML5 - Anglais
Thème TerraFirma2 - 2 colonnes - XHTML 1.0 Strict - Anglais

Amélioration d'affichage

Projet Exemples pratiques
Affichage des formules mathématiques ou scientifiques Affichage des formules mathématiques ou scientifiques - Anglais
Affichage des formules mathématiques ou scientifiques - Français
Barre de progression Barre de progression - Anglais
Barre de progression - Français
Mise en surbrillance des termes recherchés Mise en surbrillance des termes recherchés - Anglais
Mise en surbrillance des termes recherchés - Français
Modèle de page Web archivée Modèle de page Web archivée - Anglais - Thème de la facilité d'emploi Web GC
Modèle de page Web archivée - Français - Thème de la facilité d'emploi Web GC
Modèle de page Web archivée - Anglais - Thème de la NSI 2.0
Modèle de page Web archivée - Français - Thème de la NSI 2.0
Rayage du zébre Rayage du zébre - Anglais
Rayage du zébre - Français
Soutien des graphiques Soutien des graphiques - Thème de la facilité d'emploi Web GC
Soutien des graphiques - Thème de la NSI 2.0
Suivi des modifications Suivi des modifications - Anglais
Suivi des modifications - Français
Système de grille de CSS Système de grille de CSS - 1 colonne - Anglais
Système de grille de CSS - 2 colonnes - Anglais

Amélioration d'interface

Projet Exemples pratiques
Amélioration des boîtes de dialogue Amélioration des boîtes de dialogue - HTML5
Amélioration des boîtes de dialogue - XHTML 1.0 Strict
Contenu en arborescence affichable/masquable Contenu en arborescence affichable/masquable - Anglais
Contenu en arborescence affichable/masquable - Français
Contenu filtrable Contenu filtrable - Exemple 1 - Anglais
Contenu filtrable - Exemple 2 - Anglais
Coulisse coda Coulisse coda - Coulisse simple - Anglais
Coulisse coda - Coulisse simple - Français
Coulisse coda - Coulisse verticale
Coulisse coda - Coulisse avec grille (span-2 + span-4 layout)
Coulisse coda - Coulisee avec grille (span-3 + span-3 layout)
Géocarte Géocarte - Thème de la facilité d'emploi Web GC
Géocarte - Thème de la NSI 2.0
Interface du calendrier Calendrier d'événements - Exemples pratiques
Sélecteur de date - Exemples pratiques
Lecteur multimédia Lecteur multimédia - Anglais
Lecteur multimédia - Français
Panorama Panorama - Anglais
Panorama - Français

Amélioration de navigation

Projet Exemples pratiques
Barre d'outils flottée Barre d'outils flottée - Anglais
Barre d'outils flottée - Français
Barre de menu Barre de menu - Thème de la facilité d'emploi Web GC
Barre de menu - Thème de la NSI 2.0
Gadget d'onglet coulissant Gadget d'onglet coulissant - Thème de la facilité d'emploi Web GC
Gadget d'onglet coulissant - Thème de la NSI 2.0
Indicateur de lien actif Indicateur de lien actif - Anglais
Interface à onglets Interface à onglets - Anglais
Notes en bas de page accessibles Notes en bas de page accessibles - HTML5
Notes en bas de page accessibles - XHTML 1.0 Strict
Nouvelle fenêtre/Nouvel onglet Nouvelle fenêtre/Nouvel onglet - HTML5 - Anglais - Thème de la facilté d'emploi Web GC
Nouvelle fenêtre/Nouvel onglet - HTML5 - Français - Thème de la facilté d'emploi Web GC
Nouvelle fenêtre/Nouvel onglet - XHTML 1.0 Strict - Anglais - Thème de la facilté d'emploi Web GC
Nouvelle fenêtre/Nouvel onglet - XHTML 1.0 Strict - Français - Thème de la facilté d'emploi Web GC

Gestion du Web

Projet Exemples pratiques
Dépôt de techniques d'essai pour WCAG 2.0 Dépôt de techniques d'essai pour WCAG 2.0 - Anglais
Dépôt de techniques d'essai pour WCAG 2.0 - Français
Guide de style du GC Guide de style du GC - Anglais
Méthodologie d’évaluation sur l’accessibilité des sites Web Méthodologie d’évaluation sur l’accessibilité des sites Web - Anglais
Méthodologie d’évaluation sur l’accessibilité des sites Web - Français
Méthodologie d’évaluation sur l’accessibilité des sites Web (AAA) - Anglais
Méthodologie d’évaluation sur l’accessibilité des sites Web (AAA) - Français
Répartition des responsabilités d'accessibilité Répartition des responsabilités d'accessibilité - Anglais
Répartition des responsabilités d'accessibilité - Français
Planifier l’accessibilité - Répartition des responsabilités d'accessibilité - Anglais
Planifier l’accessibilité - Répartition des responsabilités d'accessibilité - Français

Interface de formulaire

Projet Exemples pratiques
Amélioration de liste de case à cocher Amélioration de liste de case à cocher - Anglais
Amélioration de liste de case à cocher - Français
Amélioration des boutons de formulaire Amélioration des boutons de formulaire - Anglais
Amélioration des boutons de formulaire - Français
Boutons radio désélectionnables Boutons radio désélectionnables - Anglais
Boutons radio désélectionnables - Français
CAPTCHA accessible DISTCHA - Anglais
Commande de barre coulissante Commande de barre coulissante - HTML5 - Anglais
Commande de barre coulissante - HTML5 - Français
Commande de barre coulissante - XHTML 1.0 Anglais - Anglais
Commande de barre coulissante - XHTML 1.0 Strict - Français
Remplissage automatique des champs de saisie Remplissage automatique des champs de saisie - Anglais - HTML5
Remplissage automatique des champs de saisie - Français - HTML5
Remplissage automatique des champs de saisie - Anglais - XHTML 1.0 Strict
Remplissage automatique des champs de saisie - Français - XHTML 1.0 Strict
Validation des formulaires Validation des formulaires - Anglais
Validation des formulaires - Français

Mise en commun de l'information

Projet Exemples pratiques
Feuille de réponse Feuille de réponse - Anglais
Feuille de réponse - Français
Gadget de partage Gadget de partage - Anglais
Gadget de partage - Français
Gadget de partage (sans icônes) - Anglais
Gadget de partage (sans icônes) - Français
Gadget de partage (tous les sites) - Anglais
Gadget de partage (tous les sites) - Français
Gadget des fils de syndication Gadget des fils de syndication - Anglais
Gadget des fils de syndication - Français

Personnalisation

Projet Exemples pratiques
Fichiers CSS côté client Fichiers CSS côté client - Anglais
Fichiers CSS côté client - Français
Géociblage Géociblage - Anglais
Géociblage - Français
Interface personnalisable Interface personnalisable avec grilles - Anglais
Pages d'erreur 404 utiles Pages d'erreur 404 utiles - Anglais/Français
Pages d'erreur 404 utiles - Français/Anglais
Sélecteur de style Sélecteur de style - Anglais
Sélecteur de style - Français

Utilité

Projet Exemples pratiques
Exemples optimaux de contenu Exemples optimaux de contenu - Anglais
Expiration de la session Expiration de la session - Anglais - Thème de la facilté d'emploi Web GC
Expiration de la session Français - Thème de la facilté d'emploi Web GC
Expiration de la session - Anglais - Thème de la NSI 2.0
Expiration de la session Français - Thème de la NSI 2.0
Guide de style du GC Guide de style du GC - Anglais
Sélecteur de langue Sélecteur de langue - jQuery + PHP - Anglais
Sélecteur de langue - jQuery + PHP - Français
Sélecteur de langue - PHP seulement - Anglais
Sélecteur de langue - PHP seulement - Français