Modèle de page d'erreur 404: Conception de Canada.ca
Une erreur 404 est générée lorsque l'on tente d'accéder à une page non trouvée.
Ce modèle de page d'erreur 404 fournit à l'utilisateur des suggestions pour régler le cas d'erreur et contient des liens vers des sections clés qui peuvent être utiles. Il existe deux versions de ce modèle :
- une page unilingue avec une option de changement de langue pour les utilisateurs dont la préférence linguistique est connue;
- une page bilingue pour les utilisateurs dont la préférence linguistique n'est pas connue.
Sur cette page
Quand l'utiliser
Utilisez ce modèle pour créer un emplacement normalisé où les utilisateurs peuvent se rendre lorsqu'ils obtiennent un message d'erreur 404.
Quoi éviter
Ce modèle doit être utilisé seulement pour signaler une erreur 404.
Assurez-vous que la page comprend au moins un lien de renvoi (par exemple, vers la page d'accueil Canada.ca). Ne fournissez pas de liens non pertinents qui n'aident pas l'utilisateur à revenir au contenu Web du gouvernement du Canada.
Pour la version bilingue, n'utilisez pas le français et l'anglais dans le même bloc de contenu, le même paragraphe ou la même phrase.
Contenu et conception
Trouver des spécifications de contenu et de conception et des exemples visuels.
Spécifications de contenu
Utilisez « Page non trouvée » pour l'en-tête H1, ou le titre de la page.
Ajoutez une phrase pour indiquer que la page recherchée par l'utilisateur a peut-être été déplacée ou supprimée.
Proposez à l'utilisateur des façons de résoudre le cas d'erreur, notamment en :
- lui suggérant de vérifier l'orthographe de l'adresse Web (URL);
- lui indiquant de supprimer les caractères spéciaux ou les espaces dans l'URL;
- lui fournissant un moyen de signaler le lien rompu, le cas échéant.
Ajoutez le texte « Vous cherchez peut-être l'une des pages suivantes : » suivi d'une liste à puces d'au plus 10 liens. En haut de la liste, ajoutez les trois pages les plus recherchées sur Canada.ca suivantes :
Après avoir ajouté les liens vers ces trois pages, vous pouvez énumérer certaines des pages les plus « en demande » pour votre institution. Voici quelques-unes des pages les plus demandées sur Canada.ca que vous pouvez également inclure :
- Se connecter à un dossier ou un compte en ligne
- Prestations
- Impôts
- Immigration ou citoyenneté Canada
Spécifications de contenu supplémentaires pour la version bilingue
En plus du contenu présenté dans les spécifications générales, la page bilingue doit comprendre deux liens d'ancrage qui apparaîtront au-dessus de chaque langue lorsque la page sera redimensionnée pour les écrans d'appareils mobiles.
- Pour le lien au-dessus du contenu anglais, utilisez le texte « Aller à la version française ».
- Pour le lien au-dessus du contenu français, utilisez le texte « Go to the English version ».
Interactions
- Lorsque la préférence linguistique de l'utilisateur est connue, ce dernier doit être dirigé vers la page d'erreur 404 dans la langue de son choix.
- Lorsque la préférence linguistique de l'utilisateur n'est pas connue, ce dernier doit être dirigé vers la page d'erreur 404 bilingue.
Spécifications de conception
- Il faut inclure une étiquette de danger directement sous l'en‑tête H1 pour signaler une « erreur 404 ».
- Tous les liens doivent être présentés selon les styles de Canada.ca.
- Vous pouvez inclure une barre de recherche facultative sous la liste des liens suggérés.
Spécifications de conception supplémentaires pour la version bilingue
Utilisez les types de mise en page suivants pour la version bilingue :
- deux colonnes avec tout le contenu anglais à gauche et tout le contenu français à droite pour l'affichage sur un grand ou moyen écran;
- une seule colonne avec tout le contenu empilé pour l'affichage sur un petit écran.
Étant donné que la préférence linguistique n'est pas connue, limitez les éléments de l'en-tête et du pied de page à ce qui suit :
- dans l'en-tête, n'incluez que la signature du gouvernement du Canada avec un lien vers la page d'accueil Canada.ca;
- dans le pied de page, n'incluez que le mot-symbole « Canada ».
Interactions
Lorsque la version bilingue de la page est redimensionnée pour les écrans d'appareils mobiles, les contenus anglais et français seront empilés. Lorsque le contenu est empilé, un lien de saut doit apparaître au-dessus de chaque langue pour permettre à l'utilisateur de passer d'une langue à l'autre.
Exemples visuels
Description de l'image : Page d'erreur 404 unilingue – grand écran
En haut de la page se trouve l'en-tête H1 intitulé « Page non trouvée », souligné d'un trait rouge court et épais. Sous l'en‑tête H1 se trouve une étiquette de danger indiquant « erreur 404 ».
Après l'étiquette se trouve un paragraphe fournissant à l'utilisateur des instructions sur la façon de trouver la page qu'il cherche.
Sous le paragraphe se trouve la phrase « Vous cherchez peut-être l'une des pages suivantes : » avec une liste à puces située sous ce dernier.
Description de l'image : Page d'erreur 404 bilingue – grand écran
La version bilingue de la page d'erreur 404 s'affiche en deux colonnes.
La première colonne porte l'en-tête H2 intitulé « Page not found ». Sous l'en-tête H2 se trouve une étiquette de danger assortie du texte « 404 error ».
Après l'étiquette se trouve un paragraphe fournissant à l'utilisateur des instructions sur la façon de trouver la page qu'il cherche.
Sous le paragraphe se trouve la phrase d'introduction « You may be looking for: » avec une liste à puces des liens vers les pages les plus demandées sur Canada.ca située sous ce dernier.
Après la liste des liens, il y a une courte barre de recherche dans laquelle figure la mention « Search Canada.ca » dans l'espace réservé pour le texte. Il y a un bouton de recherche illustré à l'aide d'une icône de loupe à côté de la barre de recherche.
La deuxième colonne porte l'en-tête H2 intitulé « Page non trouvée ». Sous l'en-tête H2 se trouve une étiquette de danger assortie du texte « Erreur 404 ».
Après l'étiquette se trouve un paragraphe fournissant à l'utilisateur des instructions sur la façon de trouver la page qu'il cherche.
Sous le paragraphe se trouve la phrase d'introduction « Vous cherchez peut-être l'une des pages suivantes : » avec une liste à puces des liens vers les pages les plus demandées sur Canada.ca située sous ce dernier.
Après la liste des liens, il y a une courte barre de recherche dans laquelle figure la mention « Rechercher dans Canada.ca » dans l'espace réservé pour le texte. Il y a un bouton de recherche illustré à l'aide d'une icône de loupe à côté de la barre de recherche.
Description de l'image : Page d'erreur 404 bilingue – petit écran
La version bilingue de la page d'erreur 404 s'affiche dans une seule colonne.
En haut de la page se trouve l'en-tête H2 intitulé « Page not found ». Sous l'en-tête H2 se trouve une étiquette de danger assortie du texte « 404 error ».
Sous l'étiquette se trouve le lien « Aller à la version française ».
Après le lien se trouve un paragraphe fournissant à l'utilisateur des instructions sur la façon de trouver la page qu'il cherche.
Sous le paragraphe se trouve la phrase d'introduction « You may be looking for: » avec une liste à puces des liens vers les pages les plus demandées sur Canada.ca située sous ce dernier.
Après la liste des liens, il y a une courte barre de recherche dans laquelle figure la mention « Search Canada.ca » dans l'espace réservé pour le texte. Il y a un bouton de recherche illustré à l'aide d'une icône de loupe à côté de la barre de recherche.
Ensuite, il y a un deuxième en-tête H2 intitulé « Page non trouvée ». Sous cet en-tête H2 se trouve une étiquette de danger assortie du texte « Erreur 404 ».
Sous l'étiquette se trouve le lien « Go to the English version ».
Après le lien se trouve un paragraphe fournissant à l'utilisateur des instructions sur la façon de trouver la page qu'il cherche.
Sous le paragraphe se trouve la phrase d'introduction « Vous cherchez peut-être l'une des pages suivantes : » avec une liste à puces des liens vers les pages les plus demandées sur Canada.ca située sous ce dernier.
Après la liste des liens, il y a une courte barre de recherche dans laquelle figure la mention « Rechercher dans Canada.ca » dans l'espace réservé pour le texte. Il y a un bouton de recherche illustré à l'aide d'une icône de loupe à côté de la barre de recherche.
Comment mettre en œuvre
Trouvez des exemples pratiques et saisissez le code pour la mise en œuvre de la page d'erreur 404.
Référence pour la mise en œuvre du thème GCWeb (WET)
La référence de mise en œuvre explique comment configurer la page d'erreur 404.
Détails de la page
- Date de modification :