Système de design GC
Système de design GC Démarrer Aperçu des modèles de page Page de base Aperçu des composants Avis Barre de navigation latérale Barre de navigation supérieure Bascule de langue Bouton Boutons radio Carte Cases à cocher Champ de date Champ de saisie Chemin de navigation Conteneur Date de modification Détails En-tête Grille Icône Indicateur d'étape Jeu de champs Lien Masquage accessible Menu thématique Message d'erreur Pagination Pied de page Recherche Résumé des erreurs Signature Sélection Texte Titre Téléverseur de fichiers Zone de texte Aperçu des raccourcis CSS Réinitialisation des styles Mise en page réactive État Affichage Dimensionnement de la boîte Dimensionnement du conteneur Débordement Position Visibilité Alignement de texte Couleur de lien Couleur de texte Débordement de texte Décoration de texte de lien Famille de police Hauteur de ligne Police Saut de mot Style de liste Style de police Taille de lien Taille de police Transformation de texte Épaisseur de police Marge Marge intérieure Agencement de contenu Agencement des éléments Agencement individuel Alignement de contenu Alignement des éléments Alignement individuel Colonnes de grille Direction de l’élément flexible Dégagement Habillage de l’élément flexible Justification de contenu Justification des éléments Justification individuelle Lignes de grille Ordre Rétrécissement de l’élément flexible Élargissement de l’élément flexible Élément flexible Couleur de la bordure Couleur de l’arrière-plan Largeur de la bordure Rayon de la bordure Style de la bordure Image Noms des icônes Taille de l'icône Curseur Transition Événements de pointeur Aperçu des styles Unités de style Unités de style de couleur Unités de style d'espacement Unités de style typographie Contactez-nous Impliquez-vous Trouvez une démo

Accessibilité au sein de Système de design GC

Nos normes d’accessibilité

L’outil Système de design GC respecte ou dépasse les exigences des Règles pour l’accessibilité des contenus Web (WCAG) niveau 2.1 AA, ce qui le rend totalement conforme aux normes d’accessibilité du gouvernement du Canada .

Les fonctionnaires qui utilisent ce système de design et ces lignes directrices créent des sites Web et applications du gouvernement du Canada correspondant aux normes d’accessibilité.

Notre liste de vérification en matière d’accessibilité

Système de design GC intègre l’accessibilité dès le départ pour répondre aux exigences posées par les normes d’accessibilité. Cela comprend ce site Web, ainsi que les unités de style et les composants.

Les éléments interactifs, comme les boutons, les liens et les champs de formulaires, ont des états ciblés clairs et visibles pour guider les personnes qui utilisent la navigation au clavier. Les personnes ne pouvant pas utiliser de souris peuvent se servir d’un clavier pour la navigation au sein du système. Les personnes utilisant des technologies d’assistance peuvent se servir des lecteurs d’écran pour la navigation au sein du système. Les composants sont réactifs de manière à offrir des expériences uniformes, quel que soit l’appareil que les gens utilisent.

Visuels

Les éléments de texte et d’interface respectent ou dépassent les ratios exigés en matière de contraste de couleurs pour garantir leur lisibilité par les personnes ayant une visuelle partielle ou le daltonisme. Des repères visuels autres que les couleurs, comme des formes, des icônes ou du texte en gras, sont utilisés pour indiquer les renseignements importants aux personnes ayant une déficience dans la perception des couleurs. Les personnes ayant une incapacité visuelle peuvent utiliser des loupes d’écran pour agrandir le contenu sans perdre en fonctionnalité. La mise en forme pour l’accessibilité (comme les rôles et points caractéristiques ARIA [Accessible Rich Internet Applications ou « applications Internet enrichies accessibles »]) est préservée et fonctionne dans différents environnements. Les images et le contenu non textuel comprennent du texte de remplacement approprié afin d’offrir une description aux personnes ayant besoin de lecteurs d’écran. Les rôles et attributs ARIA (Accessible Rich Internet Applications ou « applications Internet enrichies accessibles ») sont utilisés afin que les éléments interactifs, comme les menus, les boutons et les formulaires, puissent être reconnus et utilisés par les technologies d’assistance.

Clarté

Conformément aux lignes directrices, les champs de formulaires comprennent des étiquettes accessibles et des instructions claires et sont compatibles avec les technologies d’assistance. En cas d’erreur dans les formulaires ou les interactions, des lignes directrices claires et exploitables s’affichent pour expliquer comment corriger l’erreur en question.

Nos tests en matière d’accessibilité

Avant le lancement de nouveaux composants, nous utilisons des outils automatisés permettant d’examiner les unités de style, les composants et le site Web pour déceler les éventuels problèmes d’accessibilité. Ces tests précoces nous permettent de résoudre les problèmes courants avant le début des tests approfondis. Nous effectuons des tests auprès de personnes présentant des besoins en matière d’accessibilité, y compris des personnes ayant des handicaps divers. De cette manière, nous veillons à ce que notre système soit fonctionnel et utilisable dans une variété de scénarios que les tests automatisés ne permettent pas de totalement prendre en compte. Nous guettons toujours les nouvelles règles d’accessibilité et meilleures pratiques issues de différentes industries. Nous intégrons les nouvelles observations et suggestions aux lignes directrices de notre système de design.

Contactez-nous

Si vous avec des questions ou si vous rencontrez des obstacles en matière d’accessibilité lors de l’utilisation de Système de design GC, ‌contactez-nous.

Nous nous engageons à résoudre rapidement tout problème afin de garantir une expérience inclusive pour tous et toutes.

2026-04-01