DSFR v1.3.0
🌎 Global
🛠️ Correction du chargement des CSS vars par défaut lorsque les cookies sont désactivés.
🛠️ Correction d’un bug javascript sur l’utilisation de la méthode .classList() dû au chargement des scripts de polyfill dans le script dsfr.module.js
🛠️ Mise à jour de la documentation des templates ejs
🎨 Fondamentaux
🎉 Ajout d’une nouvelle police de caractères pour les icône systèmes
fr-icon-error-fill & fr-icon-error-line
fr-icon-info-fill & fr-icon-info-line
fr-icon-warning-fill & fr-icon-warning-line
fr-icon-success-fill & fr-icon-success-line
🎉 Ajout d’un reset CSS pour les balises et et exemples d’implémentation pour utilisation dans les radio-button ou checkbox
🎉 Liste exhaustive des utilitaires d'espacements dans l’exemple du core. Ajout des tokens n1-5v, n0-5v, 0-5v, 1.5v (valant respectivement -6px, -2px, 2px, 6px).
🧩 Composants
Alerte
🚫 Retrait de l’attribut role=”alert” par défaut. Ce rôle doit être ajouté sur les alertes dynamique, qui sont injectée dans le DOM au cours de la navigation dans une page.
✨ Mise à jour des icônes de status
Champs de saisie
✨ Mise à jour des icônes d’erreur et de succès.
Contenu média (a11y)
🎉 Ajout d’attributs role='img’ et aria-label sur les svg porteurs de sens.
✨ Ajout d’un exemple de svg non porteur de sens
Gestionnaire de consentement - Consent (a11y)
🎉 Ajout d’attributs “title” sur les boutons “tout accepter”, “tout refuser”, “personnaliser”
Attributs aria sur le fieldset des services du formulaire de consentement, plutot que sur la légende :
Retrait de l’attribut aria-describedby de la balise legend
🎉 d'id aux balises legend
🎉 Ajout de l’attribut aria-labelledby sur les balises fieldset ayant pour valeurs les id du tag legend et et de la description.
🎉 Ajout d’un attribut aria-describedby sur les boutons ‘voir plus de détail’ affichant les sous-finalité.
Lettre d’information & RS - Follow (a11y)
🎉 Ajout de l'attribut autocomplete='email' pour gérer l’auto-complétion
✨ Message d’erreur plus précis, avec un exemple d’adresse électronique différent de celui présent dans le placeholder.
✨ Attribut title des liens externes plus court “intitulé lien - ouvre une nouvelle fenêtre”
✨ Mise à jour de l’icônes d’erreur.
Partage (a11y)
🎉 Ajout des attributs role=”link” et aria-disabled=”true” sur les liens désactivés
🎉 Message d’explication avant les boutons désactivés dans le DOM
✨ Attribut title des liens externes plus court “intitulé lien - ouvre une nouvelle fenêtre”
✨ Ajout d’un exemple de svg non porteur de sensOnglets - tabs
🎉 Ajout d’un js pour scroll vers le bouton sélectionné