- Passer au contenu principal
- Passer au pied de page

# Exemples pratiques

Nom | Catégorie | Description | Mots clés
--- | --- | --- | ---
Emulateur pour la conception Web réactive | Autre | Affiche une page Web du thème de la BOEW aux largeurs de fenêtre d'affichage et aux tailles d'appareil courantes. |
Méthodologie d’évaluation sur l’accessibilité des sites Web | Autre | Offre une méthodologie d’évaluation qui permet de mesurer le degré de conformité aux Règles pour l’accessibilité des contenus Web (WCAG) 2.0 pour les critères de succès de niveau A, AA et AAA. |
Outils de développement pour le contenu optimal (v3.1.0) | Autre | Des outils aidant à la création d’éléments de pages Web. Inclus un outil de validation de tableau). |
Répartition des responsabilités en accessibilité | Autre | Une répartition des responsabilités associées aux critères de succès pour WCAG 2.0 sur l’ensemble de la chaîne de production Web. |
Système de grilles | Cadre fondamental | Une grille de mise en page, des modules et autres fonctionnalités servant à disposer les éléments d'une page de manière visuellement cohérente. |
Affichage des formules mathématiques ou scientifiques | Correctif | Émule le MathML (en anglais seulement) pour les navigateurs qui ne le supportent pas. |
Barre coulissante | Correctif | Émule l’élément `<input type="range" />` pour les navigateurs qui ne le supportent pas. |
Barre de progression | Correctif | Émule l’élément `<progress>` pour les navigateurs qui ne le supportent pas. |
Compteur (v3.1.0) | Correctif | Émule l’élément `<meter>` pour les navigateurs qui ne le supportent pas. |
Contenu affichable/masquable | Correctif | Émule les éléments `<details>` et `<summary>` pour les navigateurs qui ne le supportent pas. |
Mémoire de session (v3.1.0) | Correctif | Émule l’objet Web Storage sessionStorage pour les navigateurs qui ne le supportent pas. | HTML5
Mémoire persistante | Correctif | Émule l’objet Web Storage localStorage pour les navigateurs qui ne le supportent pas. | HTML5
Saisie automatique | Correctif | Émule l'attribut list de l'élément `<input>`, ainsi que l'élément `<datalist>`, pour les navigateurs qui ne les supportent pas. |
Sélecteur de date | Correctif | Émule l'élément `<input type="date" />` pour les navigateurs qui ne le supportent pas. |
Augmentation des tableaux (v3.1.0) | Plugiciel | Ajoutes des fonctionnalités aux tableaux telles que la recherche, le tri, le filtrage et la pagination. |
Barre de menu | Plugiciel | Une barre de menu interactive comprenant des sous-menus optionnels pour le mégamenu. |
Calendrier d'événements | Plugiciel | Un calendrier servant à consulter une liste d'événements. |
Contenu archivé | Plugiciel | Ajoute un avis d'archivage à une page Web. |
Expiration de la session | Plugiciel | Ferme la session de l'utilisateur après un certain délai. |
Fils de syndication | Plugiciel | Affiche les articles d’un ou plus fils de syndication. |
Formulaire de rétroaction | Plugiciel | Un formulaire normalisé pour soumettre une rétroaction au sujet d'une page ou d'un site Web particulier. |
Gadget de partage | Plugiciel | Permet à l'utilisateur de partager un contenu Web sur les plateformes de médias sociaux. |
Géocarte | Plugiciel | Affiche une carte dynamique sur laquelle des informations de sources supplémentaires peuvent être superposées. |
Graphiques | Plugiciel | Génère des graphiques à partir de données d’un tableau. |
Images réactives (v3.1.0) | Plugiciel | Émule l’élément proposé `<picture>` (en anglais seulement) pour permettre que la source d'une image soit déterminée en fonction de Media Queries CSS. |
Interface à onglets | Plugiciel | Comprime plusieurs sections de contenu dans le même espace physique et fourni des onglets qui permettent à l'utilisateur de choisi la section de contenu à afficher. |
Lecteur multimédia | Plugiciel | Un lecteur multimédia accessible permettant d'intégrer des contenus vidéo et audio sur les pages Web. |
Lightbox | Plugiciel | Crée une galerie photo sur une page Web. |
Mise en surbrillance de text | Plugiciel | Met en surbrillance sur une page Web les mots choisis. |
Notes de bas de page | Plugiciel | Une méthode accessible pour afficher des notes de bas de page. |
Onglet coulissant | Plugiciel | Masque une section de contenu et affiche un onglet à l'extrémité de la zone de contenu permettant de faire basculer l'état d'affichage de ce contenu. |
Prettify | Plugiciel | Affiche de la syntaxe des extraits de code source. |
Rayage du zèbre | Plugiciel | Ajoute des rayures aux listes et aux tableaux. |
Sélecteur de langue | Plugiciel | Automatise la création de liens vers les versions de la page actuelle dans différentes langues. |
Tout afficher/masquer (v3.1.0) | Plugiciel | Permet d'afficher ou de masquer tous les éléments `<details>` d'une page. |
Validation de formulaires | Plugiciel | Effectue la validation de formulaires Web selon un ensemble de règles de base avant qu'ils soient soumis. |
Exemples de contenus optimaux | Thème et style | Des exemples et des explications de la façon de coder les divers éléments d’une page Web afin de s'assurer qu'ils soient accessibles. |
Guide de conception (v3.1.0) | Thème et style | Une description de l'utilisation prévue des éléments CSS et des scripts de la Boîte à outils de l'expérience Web. |
Thème de base (v3.1.0) | Thème et style | Un modèle de thème pour la création de nouveaux thèmes. |
Thème de la BOEW (v3.1.0) | Thème et style | Un exemple de thème conçu à partir du thème de base. |
Thème de la facilité d’emploi Web GC | Thème et style | Un thème qui met en place la mise en page et la mise en forme exigés par la Norme sur la facilité des sites Web. Il est recommandé de se servir de ce thème sur les sites Web du gouvernement du Canada. |
Thème de la facilité d’emploi Web GC pour les sites intranet | Thème et style | Une version du thème de la facilité d'emploi des sites Web du GC pour les sites intranet. |
Thème de la NSI 2.0 | Thème et style | Un thème qui met en place la mise en page et la mise en forme exigées par la NSI 2.0. |
Thème de la PGO (v3.1.2) | Thème et style | Un thème qui met en place la mise en page et la mise en forme pour la Plate-forme de gouvernement ouvert (PGO). |
Variante Drupal | Variante | Adapte la BOEW pour l’utilisation avec Drupal. |
Variante Jekyll | Variante | Adapte la BOEW pour l’utilisation avec Jekyll. |
Variante pour PHP | Variante | Adapte la BOEW pour l’utilisation avec PHP. |
Variant pour SSI | Variante | Adapte la BOEW pour l’utilisation avec SSI. |
Variante WordPress | Variante | Adapte la BOEW pour l’utilisation avec WordPress. |

Date de modification :
  2013-06-25