Page d’accueil Ontario.ca
English

Système de conception pour l'Ontario

Notre espace de noms npm a changé. Les développeurs doivent mettre à jour leurs projets pour continuer à accéder à nos composantes Web.

Notes de version du système de conception

Trouvez les versions actuelles et précédentes du système de conception, avec des informations sur les nouveautés, les bogues résolus, et les changements à la plateforme.

Dernière version

Version 1.9.1 – 2 décembre 2024

Plateforme

  • Mise à jour des directives sur les polices
  • Mise à jour des directives pour les accordéons
  • Mise à jour des directives pour les en-têtes
  • Directives pour la migration des ensembles npm

Éléments

Ajouté avec cette version :

  • Recherche semi-automatique

Bogues et problèmes connus

  • Marge inférieure ajoutée à la composante indicateur d’étape
  • Classe supplémentaire enlevée des étiquettes des cases d’option
  • Alignement du bouton d’effacement dans la barre de recherche corrigé
  • Attributs du bouton de basculement de langue dans l’en-tête mis à jour
  • Rembourrage ajusté pour la liste récapitulative
  • Script manquant pour le défilement fluide de la table des matières ajouté

Distribution package

Versions de 2024

Version 1.8.0 – 14 mai 2024

Éléments

Ajouté avec cette version :

  • Navigation au sein de la page
  • Liste récapitulative
  • Révision des formulaires

Plateforme

  • Mise à jour des liens vers les trousses npm du système de conception, qui sont maintenant sous l’espace de nommage @ongov

Bogues et problèmes connus

  • Réduit les marges entre les cartes dans la version mobile

Distribution package

Version 1.7.0 – 15 mars 2024

Éléments

Ajouté avec cette version :

  • Bouton Retour

Platform

  • Enlevé: états des composantes

Bugs and known issues

  • Résolu : étiquettes accessibles améliorées et une meilleur gestion du focus dans l’en-tête ontario.ca
  • Résolu : le bouton menu dans l’en-tête pour les applications devenait mal aligné quand le nom de l’application était long

Distribution package

Versions de 2023

Version 1.6.0 – 8 décembre 2023

Éléments

Ajouté avec cette version :

  • Bouton Retour

Plateforme

Enlevé : états des composantes

Bogues et problèmes connus

  • Résolu : étiquettes accessibles améliorées et une meilleur gestion du focus dans l’en-tête ontario.ca
  • Résolu : le bouton menu dans l’en-tête pour les applications devenait mal aligné quand le nom de l’application était long

Trousse de distribution

Version 1.5.0 – 5 Octobre 2023

Éléments

Ajouté avec cette version :

  • Cartes

Mises à jour :

  • Icônes pour les réseaux sociaux X (auparavant Twitter) et Facebook

Plateforme

Ajouté : informations à propos de la bibliothèque de composantes web pour Angular

Bogues et problèmes connus

Résolu : l’étiquette aria pour le menu de l’en-tête Ontario.ca a été améliorée

Trousse de distribution

Version 1.4.0 – 19 juillet 2023

Éléments

Ajouté avec cette version :

  • En-tête pour les applications de ServiceOntario

Bogues et problèmes connus

  • Résolu : le script pour la validation en direct était omis de la trousse de distribution
  • Résolu : le chemin d’accès des polices était incorrect dans la trousse de distribution
  • Résolu : l’icône PNG ontario-icon-arrow-up était omise de la trousse de distribution

Trousse de distribution

Version 1.3.0 – 16 juin 2023

Éléments

Ajouté avec cette version :

  • Modèle de validation en direct pour signaler les erreurs aux utilisateurs de formulaires

Bogues et problèmes connus

  • Résolu : le SASS de base a été réintégré dans la trousse de distribution après avoir été déplacé dans le paquet NPM Global Styles
  • Résolu : la variable en double $line-height-default a été supprimée
  • Résolu : l’attribut alt du logo de l’Ontario indique maintenant que c’est un lien à la page d’accueil d’Ontario.ca dans toutes les versions de l’en-tête
  • Résolu : l’étiquette du menu en français a été changée de “Sujets” à “Menu” dans toutes les versions de l’en-tête

Trousse de distribution

Version 1.2.1 – 7 mars 2023

Éléments

Ajouté avec cette version :

  • Fichiers et instructions pour la mise en oeuvre de la favicône

Bogues et problèmes connus

  • Résolu : liens brisés vers les polices dans le ds-theme-min.css
  • Résolu : le bouton recherche de la version mobile de l’en-tête ontario.ca manquait une étiquette aria
  • Résolu : le logo de l’Ontario dans toutes les versions de l’en-tête manquait role="img"
  • Résolu : la saisie de dates inclut maintenant aria-describedBy et role="group" pour améliorer l’accessibilité

Trousse de distribution

Version 1.1.0 - 26 janvier 2023

Plateforme

  • Le site web du système de conception utilise maintenant la trousse des styles globaux du système de conception.

Éléments

  • En-tête pour les applications : l’étiquette pour l’option de bascule de langue est maintenant épelée entièrement à la taille d’écran d’appareils mobiles.

Bogues et problèmes connus

  • Résolu : le bouton du menu de l’en-tête pour les applications changeait de position à la taille d’écran d’appareils mobiles
  • Résolu : les messages d’erreur comportent maintenant des attributs aria pour améliorer l’accessibilité
  • Résolu : un problème d’affichage mineur de la composante haut de page dans Firefox
  • Résolu : un problème d’affichage de l’indicateur de chargement dans des versions plus anciennes de Safari

Trousse de distribution

Versions de 2022

Version 1.0.0 - 1 décembre 2022

Plateforme

Nous vous présentons les composantes web, une nouvelle façon de travailler avec le système de conception pour les développeurs.

Éléments

Ajouté avec cette version :

  • Indicateur de chargement

Mis à jour :

  • Directive sur la position d’un lien Conditions d’utilisation dans le pied de page

Bogues et problèmes connus

  • Résolu : les titres ont été réintégrés dans la composante accordéon.
  • Résolu : le texte des messages d’erreur manquait un attribut max-width.
  • Résolu : problèmes de mise en page dans le fichier index.html de la trousse de distribution.

Trousse de distribution

Version 0.12.13 - 4 octobre 2022

Éléments

Mis à jour :

  • Lien vers le droit d’auteur dans les composantes pied de page se réfère désormais à l’Imprimeur du roi.

Trousse de distribution

Version 0.12.12 - 29 septembre 2022

Éléments

Ajouté avec cette version :

  • Dates - modèles pour la saisie et l’affichage de dates

Mis à jour :

  • Les pieds de page comportent maintenant une marge en haut standard

Bogues et problèmes connus

  • Résolu : la composante accordéon échouait la validation HTML à cause d’un mauvais ordre de titres
  • Résolu : la hauteur de ligne des titres était incorrecte (les styles pour les ordinateurs et les appareils mobiles étaient renversés)
  • Résolu : la trousse de distribution manquait quelques styles génériques pour les pieds de page

Trousse de distribution

Version 0.12.11 - 4 août 2022

Plateforme

  • Nous avons amélioré la conception des images dans le contenu de nos directives.

Éléments

  • Les directives pour les pieds de page ont été mises à jour et éclaircies

Bogues et problèmes connus

  • Résolu : le menu de l’en-tête ne fermait pas lorsqu’on cliquait sur un élément dans le menu

Trousse de distribution

Version 0.12.10 - 3 juin 2022

Éléments

Ajouté avec cette version :

  • Messages d’erreur

Bogues et problèmes connus

  • Plusieurs corrections de bogues dans la composante Tableaux

Trousse de distribution

Version 0.12.9 - 13 mai 2022

Éléments

Ajouté avec cette version :

  • Ensemble de champs

Mis à jour :

  • Étiquettes : éclaircissement de l’emploi des étiquettes en tant que titres

Bogues et problèmes connus

  • Améliorations HTML de l’en-tête ontario.ca

Trousse de distribution

Version 0.12.8 - 29 avril 2022

Trousse de distribution

Version 0.12.7 - 25 avril 2022

Éléments

Ajouté avec cette version :

  • Tableaux

Mise à jour :

  • Comportement interactif du menu de l’en-tête ontario.ca

Trousse de distribution

Version 0.12.6 - 25 février 2022

Éléments

Ajouté avec cette version :

  • En-tête pour les applications (code)
  • Haut de page

Bogues et problèmes connus

  • Remplacement de l’utilisation obsolète de / comme division dans SASS

Trousse de distribution

Version 0.12.5 - 13 janvier 2022

Plateforme

  • Mise à jour des informations pour les concepteurs à propos de la trousse de prototypage

Bogues et problèmes connus

  • Remplacement de l’utilisation obsolète de / comme division dans SASS

Trousse de distribution

Versions de 2021

Version 0.12.4 - 3 décembre 2021

Bogues et problèmes connus

  • Résolu : lien cassé dans l’en-tête français
  • Résolu : alignement du caret dans les accordéons
  • Résolu : ajustement du remplissage dans le texte d’indication
  • Résolu : variables d’espacement dans les titres sont uniformes

Trousse de distribution

Version 0.12.3 - 26 novembre 2021

Plateforme

  • Nous avons amélioré l’aperçu plein écran des composantes

Éléments

  • Ajouté avec cette version :
    • Indicateur d’étape dans le formulaire

Bogues et problèmes connus

  • Résolu : Les icônes n’utilisent plus l’attribut xlink:href, qui est obsolète.

Trousse de distribution

Version 0.12.2 - 2 novembre 2021

Plateforme

  • Suivant le principe qu’il faut utiliser le système de conception pour créer le système de conception, ce site incorpore maintenant les composantes en-tête et pied de page du système de conception.
  • La conception de la navigation a été mise à jour pour faciliter la lecture et representer mieux les styles du système de conception.

Éléments

  • Mise à jour à la composante en-tête : le logo de l’Ontario lie maintenant à la page d’accueil du site ontario.ca au lieu de la page initiale (“splash page”).

Bogues et problèmes connus

  • Résolu : liens brisés aux versions précédentes de la trousse de distribution.

Trousse de distribution

Version 0.11.7 - 8 juillet 2021

Éléments

  • Ajoutés avec cette version :
    • En-tête pour les applications (conception et directive seulement)

Plateforme

  • Résolu : l’aperçu de composante avait une hauteur fixe sur les appareils mobiles qui empêchait la visualisation de la composante entière

Bogues et problèmes connus

  • Résolu : max-width des listes déroulantes changé de 46rem à 48rem pour correspondre au max-width des paragraphes
  • Résolu : référence cassée dans le ID ARIA des alertes et mises en évidence (espaces au lieu de traits d’union)

Trousse de distribution

Version 0.11.0 - 19 mai 2021

Éléments

  • Ajoutés avec cette version :
    • Accordéon
    • Élargisseur d’indication

Trousse de distribution

Version 0.10.5 - 2 mars 2021

Plateforme

Bogues et problèmes connus

  • Résolu : bogue d’accessibilité de l’en-tête - appuyant sur la touche entrée ne lance pas une recherche
  • Résolu : trait d’union remplacé par un tiret dans la composante pied de page
  • Résolu : ordre des éléments du menu dans la version française du système de conception

Trousse de distribution

Version 0.9.2 - 15 janvier 2021

Éléments

  • Ajoutés avec cette version :
    • La composante blockquote utilise maintenant des guillemets lorsque html lang=”fr”

Bogues et problèmes connus

  • Ajouté : graphiques manquants de la trousee de distribution
  • Enlevé : propriété margin-bottom supplémentaire dans checkboxes.scss
  • Changée : l’icône des alertes d’information est maintenant blanche et pas transparente
  • Enlevé : caractères invisibles qui apparaissaient dans Chrome sous Windows

Trousse de distribution

Versions de 2020

Version 0.9.0 - 17 décembre 2020

Éléments

  • Ajoutés avec cette version :
    • En-têtes
    • Pied de page
    • Images et photographie

Trousse de distribution

0.8.4 Version - 4 decembre 2020

Plateforme

Bogues et problèmes connus

  • Résolu : bascule du langage de plateforme sur IE
  • Résolu : disposition et titres de l’index dist
  • Résolu : balisage pour les encadrés et apartés

Trousse de distribution

Version - 9 novembre 2020

Il s’agit de la septième version alpha du Système de conception pour l’Ontario.

Plateforme

  • Ajouté à la trousse de distribution : un fichier index.html qui permet aux développeurs de vérifier rapidement les composantes et styles disponibles

Éléments

  • Ajouté : conseils sur les boutons désactivés

Bogues et problèmes connus

  • Résolu : un problème avec le habillage de texte aux étiquettes des cases d’option et cases à cocher et au texte d’indication
  • Résolu : couleur d’arrière-plan manquante pour blanc-système dans le tableau des couleurs

Trousse de distribution

Version 0.6.1 - 5 novembre 2020

Il s’agit de la sixième version alpha du Système de conception pour l’Ontario.

Plateforme

  • Résolu : un problème avec l’aperçu de composante sur les appareils Android

Éléments

  • Alertes et mises en évidence ajoutées
  • Longueur maximum ajoutée pour les composantes textuelles

Bogues et problèmes connus

  • Résolu : un problème avec la grille où les points de rupture ne s’appliquaient pas comme prévus à certaines largeurs de pixel exacte
  • Résolu : reflet carré sur les cases d’option sélectionnées
  • Résolu : le retour à la ligne des étiquettes plus longues

Trousse de distribution

Version 0.5.2 - 2 octobre 2020

Il s’agit de la cinquième version alpha du Système de conception pour l’Ontario.

Plateforme

  • Date de sortie ajoutée à la navigation
  • Composantes forme regroupées dans la navigation
  • Téléchargement plus rapide de pages web grâce à la compression Gzip
  • Styles CSS minifiés

Éléments

  • Styles de liste ajoutés
  • Cases d’option : correction pour la largeur d’étiquette
  • Open Sans d’épaisseur 700 ajoutée ; style des caractères gras changé pour utiliser l’épaisseur 700
  • Icône SVG qui manquait ajoutée
  • Corrections pour les chemins d’importation SASS
  • Fichier de thème minifié
  • Corrections pour icône et styles pour les cases à cocher

Trousse de distribution

Version 0.4 - 9 juin 2020

Il s’agit de la quatrième version alpha du Système de conception pour l’Ontario.

Plateforme

Dans cette version :

  • Le système de conception est disponible en anglais et français
  • Les notes sont intégrées dans les pages des composantes
  • Les pages de directives sur l’utilisation des éléments marchent sur les appareils mobiles
  • Trousse de distribution : Système de conception 0.4.0

Éléments

  • Il y a quelques ajouts mineurs à la palette de couleurs du système

Bogues et problèmes connus

  • Résolu : l’ordre des icônes dans la zone d’aperçu ne correspond pas à celui du tableau des « Notes »

Trousse de distribution

Version 0.3 - 27 avril 2020

Il s’agit de la troisième version alpha du Système de conception pour l’Ontario.

Plateforme

  • Nous avons publié notre thème de système de conception pour les développeurs
  • Nous avons amélioré l’affichage des variations dans la fenêtre d’aperçu des composantes

Éléments

Bogues et problèmes connus

  • Nous avons toujours des problèmes avec le système de conception sur les appareils mobiles que nous essayons de régler
  • L’ordre des icônes dans la zone d’aperçu ne correspond pas à celui du tableau des « Notes »

Trousse de distribution

Version 0.2 - 6 février 2020

Il s’agit de la deuxième version alpha du Système de conception pour l’Ontario.

Plateforme

  • Nous avons conçu une nouvelle page d’arrivée qui est bien plus amusante que ce que nous avions auparavant
  • Nous avons également amélioré l’accessibilité du site grâce à un meilleur ordre des onglets, à l’ajout de texte de remplacement sur les boutons et à un meilleur rendement dans IE11

Éléments

  • Dans cette version, nous avons inséré :
    • une nouvelle conception de cases d’option
    • des cases à cocher
    • une grille
    • de l’espacement
  • En nous fondant sur vos commentaires, nous avons également mis à jour le contenu et la présentation de certaines pages.

Bogues et problèmes connus

  • Nous avons toujours des problèmes avec le système de conception sur les appareils mobiles que nous essayons de régler

Version 0.1 - 3 décembre 2019

Il s’agit de la première version alpha du Système de conception pour l’Ontario.

Plateforme

  • Nous avons publié la première version de notre plateforme de système de conception en utilisant Fractal (en anglais seulement), une solution d’ouverture de source
  • Fractal fonctionne bien sur les ordinateurs avec Chrome, Safari et Firefox

Éléments

  • Dans cette version, nous avons inséré :
    • des principes de conception
    • des couleurs
    • des polices et de la typographie
    • des boutons
    • des listes déroulantes
    • du texte d’indication
    • des étiquettes
    • des cases d’option
    • des saisies de texte
    • des zones de texte
  • Les éléments ont fait l’objet d’essai avec IE11, Microsoft Edge, Firefox, Chrome, Safari sur PC, Mac, iPhone et Android
  • Cette version comprend les formats HTML, CSS et SCSS

Bogues et problèmes connus

  • Nous faisons des essais avec ces composants pour les questions d’accessibilité. Il se peut que d’autres problèmes soient détectés lors de ces essais.
  • Nous avons encore des problèmes avec le système de conception dans IE11
  • Nous savons qu’il existe des problèmes d’accessibilité et de navigation, en particulier sur les appareils mobiles
  • Nous utilisons actuellement des images aux endroits où elles facilitent l’illustration du guide, et beaucoup d’entre elles comprennent du texte. Dans les prochaines versions, nous voulons éviter de recourir à des images et utiliser des extraits de code pour améliorer l’accessibilité

Si vous avez des questions ou souhaitez donner de la rétroaction, veuillez communiquer avec nous.