GCWeb, le thème WET-BOEW de Canada.ca

Utilisez les badges (indicateurs numériques) afin de souligner le nombre de mises à jour, d'éléments nouveaux ou non lus associés à un lien.

Voir le code source

Exemples

• Badges

Ce composant applique une épaisseur de police en gras à chaque élément de texte qu'il contient et génère une épaisseur de police normale lorsque l'élément <strong> est appliqué.

Voir le code source

Exemples

• Contenu en gras - example pratique

Documentations

• Contenu en gras

La signature institutionnelle fournit aux personnes un lien vers l’institution ou les institutions responsables du contenu.

Voir le code source

Documentations

• Institution responsable

Conjonctions pour des points de décision empilés ou côte à côte, et/ou

Voir le code source

Exemples

• Conjonction (et/ou) - example pratique

Documentations

• Conjonction (et/ou) - documentation
• Conjonction (et/ou) - guidance
• Conjonction (et/ou) - guidance

Rapports

• Évaluation de l'accessibilité #1

Ce document est à titre de référence et afin de mettre à l'essaie d'ancienne pratique pour s'assurer qu'ils sont compatible avec les derniers changements apporté au thème.

Voir le code source

Exemples

• Balisage déconseillé - Signaler un problème (v4.0.28), gc-nttvs, gc-prtts

Affiche des cases à cocher et boutons radio plus grand que ce qui est nativement offert par les navigateurs et qui est conforme avec les configurations de conception de Canada.ca.

Voir le code source

Documentations

• Cases à cocher et boutons radio

Exemples

• Cases à cocher et boutons radio

Spécification

• Cases à cocher et boutons radio : Système de conception de Canada.ca

Lien de téléchargement avec des styles personnalisés.

Voir le code source

Documentations

• Lien de téléchargement

Exemples

• Lien de téléchargement - Exemples pratiques

Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence.

Voir le code source

Documentations

• Lien en vedette

Exemples

• Lien en vedette

Rapports

• Pré-évaluation de l'accessibilité #1
• Évaluation de l'accessibilité #1

Des composantes d’intérieur de page servant à promouvoir des activités, des initiatives, des programmes et des services pangouvernementaux.

Voir le code source

Documentations

• Promotions contextuelles - Configuration de conception de Canada.ca

Exemples

• Promotions contextuelles - Exemples pratiques

Rapports

• Assessment d'accessibilité #1 - Promotions contextuelles

La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC).

Voir le code source

Documentations

• Bloc des réseaux de médias sociaux - Documentation

Exemples

• Bloc des réseaux de médias sociaux

Ce composant est destiné au modèle du ministre ou du chef d'institution sur la page d'accueil de l'institution.

Voir le code source

Exemples

• Ministre ou chef d’institution
• Ministre ou chef d'institution - exemple avec deux ministres
• Ministre ou chef d'institution - cas particuliers
• Ministre ou chef d'institution (plusieurs)

Documentations

• Ministre ou chef d’institution

Comprend des tâches principales liées à la page sur laquelle elles se trouvent.

Voir le code source

Documentations

• En demande - Documentation

Exemples

• En demande
• En demande - Deux éléments
• En demande - mauvaise implémentation

Utilisé pour présenter des ensembles de liens accompagnés de descriptions.

Voir le code source

Exemples

• Services et renseignements
• Services et renseignements avec FieldFlow - Exemples pratiques

Rapports

• Assessment d'accessibilité #1 - Services et information

Documentations

• Services et renseignements

Navigation étape par étape conçu d'après des recherches d'expérience utilisateur

Voir le code source

Documentations

• Navigation étape par étape

Exemples

• Navigation étape par étape

Spécification

• Navigation étape par étape : Système de conception de Canada.ca

Diviser du contenu long et complexe en pages qui se concentrent chacune sur une étape ou une réponse spécifique dont les gens ont besoin avant de passer à l'étape ou à la section suivante.

Voir le code source

Exemples

• Page d'introduction
• Page de section
• Page de sous-section (par défaut)
• Page de sous-section (sans ligne)
• Page de section avec sous-titre personnalisé
• Page de section avec information additionnelle
• Exemple de page de section avec mauvaise implémentation dans AEM

Documentations

• Menu par carte de métro

Une solution CSS simple pour transformer les tables en cartes réactives pour des fenêtres plus petites.

Voir le code source

Exemples

• Tableaux

Rapports

• Assessment d'accessibilité #6 - Tableaux GC
• Assessment d'accessibilité #7 - Tableaux GC

Table des matières pour naviguer vers les sous-sections de la page

Voir le code source

Exemples

• Table des matières

Pilote de co-existance des cartes GCDS dans GCWeb.

Voir le code source

Exemples

• Carte GCDS

Documentations

• Carte GCDS

Pages d'essaie

• Carte GCDS avec images
• Carte GCDS tel que l'implémentation dans le système web géré
• Carte GCDS similaire à l'implémentation dans le système web géré (sans contournement)

Icônes et symboles monochromes, créés en mettant l'accent sur la simplicité et la facilité d'orientation.

Voir le code source

Exemples

• Glyphicons

Cas d'utilisation de prise en charge pour l'en-tête de page promotionnelle ou l'en-tête de section de panneau, la largeur de l'entête well responsive est réajustée en fonction de l'écran.

Voir le code source

Exemples

• Entête well responsive

Appliquez les styles simples WET-BOEW ou modifiez une image sans utiliser de logiciel d'édition.

Voir le code source

Exemples

• Images

Étiquettes comprenant tous les différents états.

Voir le code source

Exemples

• Étiquettes

Rapports

• Assessment d'accessibilité #8 - Étiquettes
• Assessment d'accessibilité #9 - Étiquettes

Mise en style d'une liste ordonnée et de divs avec des numéros d'étape dans un cercle

Voir le code source

Exemples

• Liste des étapes - example pratique

Documentations

• Liste des étapes - Documentation

Rapports

• Évaluation de l'accessibilité #1

Style additionnel (double interligne)

Voir le code source

Exemples

• Liste - Style additionnel

Les utiliser pour créer un groupement visuel de contenu. Les panneaux ont des options de couleur par thème, en plus d'offrir un en-tête et un pied de page distincts.

Voir le code source

Exemples

• Panneaux

Ligne directrice sur le codage de texte caviardé (ou expurgé).

Voir le code source

Exemples

• Texte caviardé

Utiliser pour afficher les données d'un tableau de manière claire.

Voir le code source

Exemples

• Colonne flottante dans un tableau de données

Conversation suggestive

Voir le code source

Exemples

• Conversation suggestive
• avec une configuration JSON

Documentations

• Chat wizard (en anglais seulement)

Documents relié

• 2019-15 Research documentation (en anglais seulement)

Exécute des actions, tel que filtrer un tableau, selon une configuration pré-établis.

Voir le code source

Exemples

• Filtrer un tableau
• JSON
• Gestionnaire JSON avec l'exécuteur d'action de patches

Documentations

• Exécuter des actions

Offre une interface utilisateur alternative lorsqu'une page contient une très longue liste

Voir le code source

Exemples

• Déroulement de champs
• Configurations de base
• Avancé
• Alternatives

Documentations

• Déroulement de champs

Chargement de suggestion pour un datalist avec un fichier JSON.

Voir le code source

Exemples

• Datalist dynamic suggestion (en anglais seulement)

Exécute des requête ajax pré-établis selon la correspondance des paramètres de l'URL.

Voir le code source

Exemples

• Ajax
• Filtrer un tableau
• Appliquer des correctifs JSON
• Sélectionner un champ de saisie
• Filtrage d'une géomap

Documentations

• Correspondance d'URL

Convertie le code obsolète du wb5-click postback form vers le plugiciel wb-postback

Voir le code source

Exemples

• conversion du wb5-click postback

Gabarit du service avancé - probablement désuet

Voir le code source

Exemples

• [Nom du service] - 1. [Nom de la page de la section ou de l’étape]
• [Nom du service] - 2. [Nom de la page de la section ou de l’étape]
• [Nom du service] - 3. [Nom de la page de la section ou de l’étape]
• [Nom du service] - 4. [Nom de la page de la section ou de l’étape]
• [Nom du service] - 5. [Nom de la page de la section ou de l’étape]
• [Nom du service] - 6. [Nom de la page de la section ou de l’étape]

Gabarit de page pour tous les services.

Voir le code source

Exemples

• Tous les services

Documentations

• Tous les services

Exemples de pages d'application.

Voir le code source

Documentations

• Documentation du gabarit de page d'application

Exemples

• Page d'application par défaut
• Page d'application avec bannière informative

Exemple de page d'erreur serveur.

Voir le code source

Exemples

• Nom de la campagne
• Nom de la campagne 2

Documentations

• API documentations

Pages de contenu vides avec exemple de texte.

Voir le code source

Exemples

• Page de contenu
• Page de contenu fluide
• Page de contenu - Largeur de contenu limitée
• Page de contenu - Police de caractère de GCWeb 4.0.29

Disposition de la page utilisant les composants d'en-tête et de pied de page GCDS.

Voir le code source

Exemples

• Disposition GCDS - Essentiel
• Disposition GCDS - Complet

Documentations

• Disposition GCDS

Gabarit de la page d'accueil

Voir le code source

Exemples

• Accueil - Canada.ca

Documentations

• Documentation API

Rapports

• Évaluation de pré-accessibilité #1

Gabarit inclus mais qu'il nécessite qu'ils soit déplacé dans son propre dossier.

Voir le code source

Exemples

• Restez branché
• [Titre du thème]
• Ministères et organismes
• Activité promotionnel (Campagne?)
• Formulaire de rétroaction
• [Public cible]
• Initiation de service - Probablement désuet

Gabarit d'index

Voir le code source

Exemples

• [Page d’index long]

Documentations

• API documentations

Documentation et exemple pratique de la page d'accueil institutionnelle

Voir le code source

Documentations

• Page d'accueil institutionnelle

Exemples

• Page d'accueil institutionnelle
• Page d'accueil institutionnelle - plusieurs avec des images

Rapports

• Évaluation d'accessibilité #1 - Modèle institutionnel
• Évaluation d'accessibilité #2 - Modèle institutionnel

Gabarit à propos de page de profil institutionnel

Voir le code source

Exemples

• Coordonnées [nom de l’institution]
• Compte rendu du rendement des services de [Nom de l’institution] pour l’exercice financier de 2015 à 2016
• organisme indépendamment - [Nom de l’institution]

Documents relié

• Thème FEGC - Français - Gabarit de profil institutionnel

La collection des lois et règlements donne accès aux lois et règlements du gouvernement du Canada par l’intermédiaire de leur profil respectif.

Voir le code source

Exemples

• [Titre de la loi] ([NN-XX])
• [Nom du règlement] ([NN-XX])

Spécification

• Pages des lois et des règlements - Modèle de Canada.ca

Documentation et exemple de page Profile ministériel.

Voir le code source

Documentations

• Page de Profile ministériel

Exemples

• Profile ministériel
• Profile ministériel - jour d'assermentation
• Profile des secrétaires parlementaires - jour d'assermentation

Exemple de page générique.

Voir le code source

Documentations

• Page de nouvelles

Exemples

• Page de contenu

Gabarit à propos de page de profil organisationnel

Voir le code source

Exemples

• [Nom de l’organisme]
• organisme indépendamment - [Nom de l’organisme]

Gabarit pour les pages de recherche

Voir le code source

Exemples

• Résultats de la recherche
• avec filtre
• Contextuel
• Voulez-vous dire
• Erreur
• Aucun résultat
• Résultats avancés

Documentations

• API documentations

Référence d'implémentation

• Pagination for search templates

Exemple de page d'erreur serveur.

Voir le code source

Exemples

• Nous ne pouvons trouver cette page Web (Erreur 404) - Thème Canada.ca
• Nous ne pouvons trouver cette page Web (Erreur 404) - Thème Canada.ca / We couldn't find that Web page (Error 404) - Canada.ca theme
• Titre du message - Thème Canada.ca
• Titre du message - Thème Canada.ca / Message title - Canada.ca theme

Exemple d'écran d'accueil

Voir le code source

Exemples

• Exemple d'écran d'accueil

Documentations

• Écran d'accueil

Variante de site afin d'appliquer une thématique

Voir le code source

Documentations

• Journée rose - Obsolète à partir de GCWeb v16.0.0

Exemples

• Journée rose - Obsolète à partir de GCWeb v16.0.0
• Journée rose - Accueil - Obsolète à partir de GCWeb v16.0.0
• Thème sombre
• Thème sombre - Accueil

Gabarit de page thème

Voir le code source

Exemples

• [Thème]

Documentations

• Page de thème

Rapports

• Évaluation d'accessibilité #1 - Modèle de thème GC

Exemples de page de sujets

Voir le code source

Exemples

• [Titre du sujet]
• [Titre du sujet avec en-tête superposé]
• Page de sujet/thème - Obsolète à partir de GCWeb v16.0.0
• Sujet de plus bas niveau (avec une navigation secondaire) - Obsolète à partir de GCWeb v16.0.0

Documentations

• Gabarit de page de sujet

Rapports

• Évaluation d'accessibilité #1 - Gabarits de page de sujet GC

Section d’une page d’accueil institutionnelle offrant des liens vers des renseignements relatifs à un organisme, à un programme ou à une politique en particulier.

Voir le code source

Documentations

• À propos de l'institution

Exemples

• À propos de l'institution

Orientation sur l’utilisation du composant bloc d’introduction sur Canada.ca.

Voir le code source

Documentations

• Bloc d’introduction

Exemples

• Bloc d’introduction
• Bloc d’introduction avec image pleine largeur
• Bloc d’introduction avec image demi-largeur

Fonctionnalité globale inclus mais qu'il nécessite qu'ils soit déplacé dans son propre dossier.

Voir le code source

Exemples

• Archivé - Page de contenu

Documentations

• Archivé - documentation

Documentation et example pratique sur l'utilisation du bouton de connexion contextuel.

Voir le code source

Documentations

• Modèles d'authentification

Exemples

• Bouton contextuel « Se connecter »
• Bouton contextuel « Se connecter » avec libellé personnalisé étendu
• Bouton contextuel « Se connecter » sans aucun libellés personnalisés
• Bouton contextuel « Se connecter » sans le menu GCWeb
• Page de contenu - Modèle de session fermée
• Page de contenu - Modèle de session ouverte
• Session utilisateur active

L’objectif du fil d'Ariane est de renforcer l’emplacement actuel des visiteurs dans le modèle de navigation de l’utilisateur du site Canada.ca.

Voir le code source

Documentations

• Fil d'Ariane

Utilisez la configuration collaborateurs pour mettre en évidence les institutions ou organismes ayant contribué au contenu d’une page Web.

Voir le code source

Documentations

• Collaborateurs

Exemples

• Collaborateurs

Rapports

• Évaluation de l'accessibilité #1

Indique la date à laquelle la page courante a été modifiée pour la dernière fois.

Voir le code source

Documentations

• Date de modification

Documentation sur l'utilisation des éléments de la zone commentaires.

Voir le code source

Documentations

• Documentation pour la zone de rétroaction

Exemples

• Rétroaction GC
• Rétroaction GC avec lien de contact
• Signaler un problème

Rapports

• Évaluation de l'accessibilité #1
• Rapport de conformité d'accessibilité WCAG 2.1 Niveau AA
• Évaluation de l'accessibilité #2 - Test d'utilisabilité de l'ARC
• Évaluation de l'accessibilité #3 - Outil de rétroaction sur la page

Documentation et example pratique sur l'utilisation du pied de page.

Voir le code source

Documentations

• Pied de page complet

Exemples

• Pied de page complet
• Bande principale et bande sous pied de page
• Bande contextuelle et bande sous pied de page
• Masquer les liens optionnels de la bande sous le pied de page
• Bande contextuelle et bande sous pied de page sans les liens facultatifs
• Masquer la bande contextuelle et les liens optionnels de la bande sous le pied de page du pied de page
• Bande sous pied de page uniquement
• Bande sous pied de page uniquement sans les liens facultatifs
• Personnaliser les liens 'Avis' et 'Confidentialité' dans le pied de page
• Bande contextuelle et des variations de lien

Rapports

• Évaluation de l'accessibilité #1 - Pied de page

Documentation sur l'utilisation du menu GCWeb.

Voir le code source

Documentations

• Menu GCWeb

Documentation sur l'utilisation de l'entête.

Voir le code source

Documentations

• Entête

Rapports

• Assessment d'accessibilité #7 - Logo de la marque d'en-tête GC
• Assessment d'accessibilité #8 - Logo de la marque d'en-tête GC

Outils d'aides pour effectuer de la surcharge sur les styles compiler

Voir le code source

Documentations

• Couleur

Documentation sur l'utilisation lien pour changer de langue.

Voir le code source

Documentations

• Lien pour changer de langue

Documentation sur l'utilisation du composant Titre principal.

Voir le code source

Documentations

• Documentation du titre principal

Exemples

• Page de contenu avec titre principal par défaut
• Titre principal superposé
• Titre principal de la page aligné à droite
• Titre principal dans une div alignée à droite
• Titre principal superposé dans une div alignée à droite
• Titre principal superposé aligné à droite
• Titre principal avec institution responsable pour les articles de nouvelles

Documentation sur l'utilisation de la section des détails de la page.

Voir le code source

Documentations

• Documentation pour Détails de la page

Exemples

• Détails de la page par défaut
• Détails de la page avec Rétroaction GC

Rapports

• Accessibility (Only new SC WCAG 2.1/2.2 Level AA)- Page Details - French report
• Accessibility (Only new SC WCAG 2.1/2.2 Level AA)- Page Details (Basic Html version)- French report

Documentation sur l'implémentation du champ de recherche du site.

Voir le code source

Documentations

• Champ de recherche du site

Composant du menu secondaire

Voir le code source

Exemples

• Tâche 1
• Sub tâche 1
• Sub tâche 2
• Sub tâche 3
• Sub tâche 4
• Sub tâche 5
• Sub tâche 6
• Sub tâche 7
• Tâche 2
• Tâche 3
• Sub tâche 1
• Sub tâche 2
• Sub sub tâche 1
• Sub sub tâche 2
• Sub tâche 3
• Tâche 4

Documentation et example pratique sur l'utilisation des liens de saut de page.

Voir le code source

Exemples

• Liens de saut de page

Rapports

• Évaluation d'accessibilité #1 - Liens de saut de page

Récupération de données via Ajax

Voir le code source

Exemples

• Récupération de ressource via Ajax

Rapports

• Assessment d'accessibilité préliminaire #1 - Récupération de ressource via Ajax

Alertes avec des styles personnalisés.

Voir le code source

Exemples

• Alertes

Rapports

• Évaluation de l'accessibilité #1 - Alert

Alignement avec des styles personnalisés.

Voir le code source

Exemples

• Alignement

Classes utilitaires pour implémenter divers styles de bordures.

Voir le code source

Documentations

• Bordures

Page des boutons comprenant des exemples de travail pour tester l'apparence et le fonctionnement de divers styles de boutons.

Voir le code source

Exemples

• Boutons

Rapports

• Assessment d'accessibilité #3 - Boutons
• Assessment d'accessibilité #4 - Boutons

Page de couleurs comprenant des exemples de travail pour tester la façon dont divers textes apparaissent sur différents arrière-plans.

Voir le code source

Documentations

• Couleur (Premier plan/Arrière-plan)

Example de toutes les possibles variantes de personnalisation de liste.

Voir le code source

Exemples

• Listes
• Liste groupé
• Style de liste personnalisé à l'aide de l'élément div parent

Conteneur principal avec des balises alternatives.

Voir le code source

Exemples

• Conteneur Principal
• Conteneur Principal avec article
• Conteneur Principal avec section

Rapports

• Pre Assessment d'accessibilité #1 - Conteneur Principal

Les éléments HTML utilisés tel quel.

Voir le code source

Exemples

• Formulaires
• Sémantique au niveau du texte
• Contenu de groupement

Rapports

• Évaluation d'accessibilité #1 - Visibilité du focus
• Texte de niveau sémantique - Évaluation d'accessibilité complète
• Assessment d'accessibilité #2 - Formulaires
• Assessment d'accessibilité #3 - Formulaires

Classes utilitaires pour ajouter de l'espacement entre des éléments.

Voir le code source

Exemples

• Espacement

Tableaux avec des styles personnalisés.

Voir le code source

Exemples

• Tables

Modificateurs de niveau texte pour le style et le formatage

Voir le code source

Exemples

• Modificateurs de niveau texte

Passer à la version HTML simplifiée

Voir le code source

Exemples

• HTML simplifié

Rapports

• Assessment d'accessibilité préliminaire #1 - HTML simplifié

Enregistrer des événements directement dans l'agenda personnel

Voir le code source

Exemples

• Ajout au calendrier

Documentations

• Ajouter au calendrier

Défini une image d'arrière plan pour l'URL passé en paramètre ou tel que spécifier par l'information du group d'image (srcset).

Voir le code source

Exemples

• Image d'arrière plan

Documentations

• Image d'arrière plan

Interface pour naviguer dans une liste chronologique d'événements

Voir le code source

Exemples

• Calendrier d'événements

Documentations

• Calendrier d'événements

Gère les fonctionnalités liées aux dates, telles que l'affichage de calendriers et la sélection de dates.

Voir le code source

Exemples

• Calendrier

Génère dynamiquement des graphiques et des diagrammes à partir des données de tableaux

Voir le code source

Exemples

• Graphiques - Simple
• Graphiques - Personalisation
• Graphiques - Étiquetage et la valeur de référence
• Graphiques - Personalisation de diagramme circulaire
• Graphiques - Scénarios d'essai spécifiques

Documentations

• Graphiques - Simple

Alertes qui peuvent être réduites par l'utilisateur

Voir le code source

Exemples

• Alertes repliables

Documentations

• Alertes repliables

Insère du contenu chargé en AJAX en fonction du pays du visiteur

Voir le code source

Exemples

• Contenu par pays

Documentations

• Contenu par pays

Un conteneur AjaxLoader de base qui insère du contenu chargé via AJAX

Voir le code source

Exemples

• Data Ajax

Documentations

• Data Ajax

Mapper une valeur de paramètre de requête vers une valeur d'entrée

Voir le code source

Exemples

• Donnée de requête fusionné

Documentations

• Donnée de requête fusionné

Affiche un calque lorsque une section sort de la zone visible de l'écran

Voir le code source

Exemples

• Data Inview

Documentations

• Data Inview

Permettre à une page web de spécifier différentes sources d'images à afficher en fonction des requêtes média

Voir le code source

Exemples

• Data Picture

Documentations

• Data Picture

Maintient les éléments de détails sélectionnés fermés sur le viewport défini et en dessous s'ils n'ont pas été utilisés, par défaut sur petit

Voir le code source

Exemples

• Details fermé

Documentations

• Details fermé

Permettre aux utilisateurs d'écarter certains contenus

Voir le code source

Exemples

• Contenu écartable

Documentations

• Contenu écartable

Égalise la hauteur d'éléments étant sur la même ligne de base

Voir le code source

Exemples

• Égalisation des hauteurs (pure CSS)
• Égalisation des hauteurs

Documentations

• Égalisation des hauteurs

Autre

• Égalisation des hauteurs (pure CSS)

Aviser l'utilisateur d'une redirection vers un autre site

Voir le code source

Exemples

• Sortie de navigation avisé

Documentations

• Sortie de navigation avisé

Aide à l'implémentation de pages intégrées Facebook

Voir le code source

Exemples

• Facebook

Documentations

• Facebook

Ce plugiciel offre la possibilité d'ajouter et de mettre à jour les favoricônes d'une page.

Voir le code source

Exemples

• Favoricône

Documentations

• Favoricône

Affiche les articles d’un ou plus fils de syndication.

Voir le code source

Documentations

• Fils de syndication

Exemples

• Fils de syndication

Filtre le contenu et affiche uniquement le contenu correspondant à un mot-clé spécifique

Voir le code source

Exemples

• Filtre

Documentations

• Filtre

Ce plugin permet aux développeurs d'intégrer facilement des notes de bas de page dans leurs pages Web et contribue à atteindre la conformité WCAG 2.0 lors de la fourniture de ces notes

Voir le code source

Exemples

• Notes de bas de page

Documentations

• Notes de bas de page

Ce composant fournit une validation générique et une gestion des messages d'erreur pour les formulaires Web

Voir le code source

Exemples

• Validation de formulaires

Documentations

• Validation de formulaires

Affiche une carte dynamique sur laquelle des informations provenant de sources supplémentaires peuvent être superposées.

Voir le code source

Exemples

• Géocarte
• Géocarte avec de grandes cases à cocher
• Geomap v4.0.30
• Géocarte v4.0.30

Documentations

• Géocarte

Gère la récupération de données JSON et déclenche des événements pour le succès ou l'échec.

Voir le code source

Exemples

• JSON fetch

Afficher des images et d'autres contenus dans une boîte de dialogue, soit individuellement ou comme partie d'une galerie. Implémente le modèle de conception WAI-ARIA Dialog (Modal)

Voir le code source

Exemples

• Lightbox

Documentations

• Lightbox

Fournit un menu interactif avec des sous-menus facultatifs. Implémente le modèle de conception de menu WAI-ARIA

Voir le code source

Documentations

• Menu

Fournit un lecteur multimédia accessible pour intégrer des vidéos et de l'audio dans les pages web

Voir le code source

Exemples

• Lecteur multimédia - Vidéo
• Lecteur multimédia - Audio seulement
• Lecteur multimédia - YouTube

Documentations

• Lecteur multimédia

Un plugin de superposition flexible et réactif. Implémente le modèle de conception WAI-ARIA Dialog (Modal)

Voir le code source

Exemples

• Contenu superposé

Documentations

• Contenu superposé

Ajoute une pagination en bas d'une liste d'éléments

Voir le code source

Exemples

• Paginer

Documentations

• Paginer

Remplacez les informations personnelles identifiables (IPI) des champs marqués par des caractères caviardés.

Voir le code source

Exemples

• Nettoyage d'IPI

Documentations

• Nettoyage d'IPI

Mise en surbrillance de la syntaxe des extraits de code source dans une page HTML en utilisant google-code-prettify

Voir le code source

Exemples

• Prettify

Documentations

• Prettify

Crée un délai d'expiration d'inactivité de session qui avertit les utilisateurs lorsque leur session est sur le point d'expirer

Voir le code source

Exemples

• Expiration de la session

Documentations

• Expiration de la session

Permet aux utilisateurs de partager rapidement du contenu avec leurs réseaux

Voir le code source

Exemples

• Gadget de partage

Documentations

• Gadget de partage

Rapports

• Assessment d'accessibilité #1 - Gadget de partage

Offre la possibilité de diviser un formulaire en différentes étapes (sans ou avec validation de formulaire)

Voir le code source

Exemples

• Formulaire à étapes

Documentations

• Formulaire à étapes

Ajoute des fonctionnalités aux tableaux telles que la recherche, le tri, le filtrage et la pagination

Voir le code source

Exemples

• Tables
• Table Filters

Documentations

• Tables

Empile dynamiquement plusieurs sections de contenu, les transformant en une interface à onglets

Voir le code source

Exemples

• Interface à onglets
• Interface à onglets - Carrousel

Documentations

• Interface à onglets

Filtre le contenu et affiche/masque le contenu qui correspond à certaines balises.

Voir le code source

Exemples

• Filtre de balise

Documentations

• Filtre de balise

Rapports

• Assessment d'accessibilité #1 - Filtre de balise

Met en surbrillance n'importe quel texte dans un secteur pré-défini qui satisfait des critères de recherche

Voir le code source

Exemples

• Mise en surbrillance de texte

Documentations

• Mise en surbrillance de texte

Plugiciel qui permet un lien à basculer des éléments entre les états activé et désactivé.

Voir le code source

Exemples

• Basculer

Documentations

• Basculer

Rapports

• Assessment d'accessibilité #1 - Basculer

Aide à implémenter les timelines Twitter intégrées

Voir le code source

Exemples

• Twitter

Documentations

• Twitter

Insertion de contenu extrait d'un fichier JSON

Voir le code source

Exemples

• Data JSON
• Gabarit HTML 5

Documentations

• Data JSON

Activer le mode HTML de base sur une page donnée pour simplifier la lisibilité de la page en exécutant le strict minimum de manipulations du DOM

Voir le code source

Exemples

• HTML simplifié

Documentations

• HTML simplifié

Méthode sécurisée pour assigner le focus à un élément.

Voir le code source

Exemples

• Focus

Gérer des jeux de données et applique des correctifs JSON

Voir le code source

Exemples

• Gestionnaire JSON
• avec l'exécuteur d'action de patches

Documentations

• Gestionnaire JSON

Identifie les URL dans un système de navigation qui correspondent à l'URL de la page actuelle ou à une URL dans le fil d'Ariane.

Voir le code source

Exemples

• NavCurrent

Soumission de formulaire via une requête Ajax

Voir le code source

Exemples

• Envoie de formulaire via Ajax

Documentations

• Envoie de formulaire via Ajax

Choisi un des éléments enfant aléatoirement

Voir le code source

Exemples

• Aléatoire

Documentations

• Aléatoire

Gère les événements de redimensionnement du texte et de la fenêtre, et déclenche des événements basés sur les changements de taille du texte, de la largeur et de la hauteur de la fenêtre.

Voir le code source

Exemples

• Resize

Rayage du zèbre pour les tableaux

Voir le code source

Exemples

• Rayage du zèbre

Documentations

• Rayage du zèbre