Versions des mises en page

Les packages de mise en page sont régulièrement mis à jour afin d’ajouter des correctifs et des améliorations à leurs éléments de page. Le journal des modifications suivant indique les modifications introduites dans chaque version.

Important

Azure Active Directory B2C publie des améliorations et des correctifs avec chaque nouvelle version de mise en page. Nous vous recommandons vivement de maintenir vos versions de mise en page à jour afin que tous les éléments de la page reflètent les dernières améliorations en matière de sécurité et de normes d’accessibilité ainsi que vos commentaires.

Versions de jQuery et de Handlebars

La mise en page d’Azure AD B2C utilise la version suivante de la bibliothèque jQuery et les modèles Handlebars :

Élément Plage de versions de mise en page Version jQuery Version de l’exécution Handlebars Version du compilateur Handlebars
multifacteur >= 1.2.8 3.5.1 4.7.7 4.7.7
>= 1.2.4 3.5.1 4.7.6 4.7.7
< 1.2.4 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
selfasserted >= 2.1.11 3.5.1 4.7.7 4.7.7
>= 2.1.4 3.5.1 4.7.6 4.7.7
< 2.1.4 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
unifiedssp >= 2.1.7 3.5.1 4.7.7 4.7.7
>= 2.1.4 3.5.1 4.7.6 4.7.7
< 2.1.4 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
globalexception >= 1.2.3 3.5.1 4.7.7 4.7.7
>= 1.2.1 3.5.1 4.7.6 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
providerselection >= 1.2.3 3.5.1 4.7.7 4.7.7
>= 1.2.1 3.5.1 4.7.6 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
claimsconsent >= 1.2.2 3.5.1 4.7.7 4.7.7
>= 1.2.2 3.5.1 4.7.7 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
unifiedssd >= 1.2.3 3.5.1 4.7.7 4.7.7
>= 1.2.1 3.5.1 4.7.6 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4

Page autodéclarée (selfasserted)

2.1.29

  • Ajouter CAPTCHA

2.1.26

  • Remplacé Keypress par l’événement Key Down et évitez Asterisk les cas non demandés en mode classique.

2.1.25

  • Correction de la violation de la stratégie de sécurité du contenu (Content Security Policy, CSP) et suppression de l’en-tête de requête supplémentaire X-Aspnetmvc-Version.

2.1.24

  • Correction de bogues d'accessibilité.

  • Correction du problème lié à l’authentification multifacteur et des problèmes de compatibilité Internet Explorer 11.

2.1.23

  • Correction de bogues d'accessibilité.

  • Réduction de la valeur min-width pour la fenêtre d’affichage de l’interface utilisateur du modèle par défaut.

2.1.22

  • Correction de bogues d'accessibilité.

  • Ajout de la logique pour adopter l’image de code QR générée depuis la bibliothèque back-end.

2.1.21

2.1.20

  • Correction du déclencheur d’évènement Enter sur l’authentification multifacteur.
  • Modifications CSS pour le rendu du texte/du contrôle de la page de manière verticale pour les petits écrans

2.1.19

  • Corrigez les bogues d’accessibilité.
  • Gérer le message d’erreur non défini pour l’inscription de l’utilisateur existant.
  • Déplacer l’erreur d’incompatibilité de mot de passe vers Inline au lieu du niveau de la page.

2.1.18

  • Ajout d’un astérisque pour les champs obligatoires
  • Corriger la position des icônes du magasin TOTP pour le modèle classique
  • Activation des éléments d’entrée uniquement lorsque le code de vérification est validé
  • Ajout d’un texte de remplacement pour l’image d’arrière-plan
  • Ajout de la personnalisation pour les erreurs de serveur par vérification TOTP

2.1.17

  • Ajout d’un message d’erreur descriptif et lien forgotPassword corrigé
  • Case changée en groupe
  • Application de la mise à jour de l’erreur de validation lors de la modification du contrôle et activation de la poursuite lors de la vérification par e-mail
  • Ajouter un champ supplémentaire au code d’erreur à la réponse d’échec de validation

2.1.16

  • Correction du bogue « Revendications pour le contrôle de vérification n’ont pas été vérifiées » lors de la vérification du code.
  • Masquage du message d’erreur lors d’une validation réussie et envoi du code de vérification

2.1.15

  • Correction d’un bogue de génération de code QR en raison de la longueur du texte QR

2.1.14

  • Correction du bogue d’accessibilité WCAG 2.1 pour les écrans d’authentification multifacteur TOTP.

2.1.10

  • Correction de l’index de tabulation
  • Résolution des problèmes de lecteur d’écran et d’accessibilité WCAG 2.1

2.1.9

  • Prise en charge de l’authentification multifacteur TOTP. Ajout de liens permettant aux utilisateurs de télécharger et d’installer l’application Microsoft Authenticator pour terminer l’inscription TOTP sur l’authentificateur.

2.1.8

  • Le nom de la revendication est ajouté à l' class attribut de l' <li> élément HTML qui entoure les éléments d’entrée d’attribut de l’utilisateur. Le nom de la classe vous permet de créer un sélecteur CSS pour sélectionner le parent <li> d’un élément d’entrée d’attribut utilisateur donné. Le balisage HTML suivant montre l’attribut de classe de la page d’inscription :

    <div id="attributeList" class="attr">
      <ul>
        <li class="EmailBox email_li">...</li>
        <li class="Password newPassword_li">...</li>
        <li class="Password reenterPassword_li">...</li>
        <li class="TextBox displayName_li">...</li>
        <li class="TextBox givenName_li">...</li>
        <li class="TextBox surname_li">...</li>
        <li class="TextBox extension_age_li">...</li>
      </ul>
    </div>
    

2.1.7

  • Correction d’un problème d’encodage linguistique qui provoque l’échec de la requête.
  • Correction d’un bogue d’accessibilité pour afficher des messages d’erreur inclus uniquement lors de l’envoi d’un formulaire.

2.1.6

  • Correction d’une erreur de mot de passe effacé lorsque vous tapez trop rapidement dans un autre champ.

2.1.5

  • Correction du problème de saut de curseur sur iOS lors de la modification au milieu du texte.

2.1.4

  • JQuery mis à jour vers la version 3.5.1.
  • HandlebarJS mis à jour vers la version 4.7.6.

2.1.3

  • Correctifs de sécurité.

2.1.2

  • Correction du problème d’encodage de la localisation pour des langues telles que l’espagnol et le français.

2.1.1

  • Ajout d’un élément heading UXString en plus de intro à afficher sur la page en tant que titre. Ce message est masqué par défaut.
  • Ajout de la prise en charge de l’enregistrement des mots de passe dans le trousseau iCloud.
  • Ajout de la prise en charge de l’utilisation d’une stratégie ou du paramètre QueryString pageFlavor pour sélectionner la disposition (classique, bleu océan ou ardoise).
  • Ajout d’exclusions de responsabilité sur la page autodéclarée.
  • Le focus est maintenant placé sur le premier champ modifiable lors du chargement de la page.
  • Le focus est maintenant placé sur le premier champ d’erreur lorsque plusieurs champs comportent des erreurs.
  • Le focus est maintenant placé sur le bouton 'change' (modifier) après vérification du code de vérification de l’e-mail.

2.1.0

  • Correctifs de localisation et d’accessibilité.

2.0.0

1.2.0

  • Les champs nom d’utilisateur/e-mail et mot de passe utilisent désormais l’élément form HTML pour autoriser Microsoft Edge et Internet Explorer (Internet Explorer) à enregistrer correctement ces informations.
  • Ajout d’un délai de validation d’entrée utilisateur configurable pour une expérience utilisateur améliorée.
  • Correctifs de l’accessibilité
  • Résolution d’un problème d’accessibilité afin que les messages d’erreur soient lus par le Narrateur.
  • Le focus est désormais placé dans le champ du mot de passe une fois l’e-mail vérifié.
  • Suppression de autofocus du contrôle de case à cocher.
  • Ajout de la prise en charge d’un contrôle d’affichage pour la vérification du numéro de téléphone.
  • Vous pouvez maintenant ajouter l’attribut data-preload="true"dans vos balises HTML.
    • Chargez les fichiers CSS liés en même temps que votre modèle HTML, de sorte qu’il n’y ait pas de « scintillement » entre le chargement des fichiers.
    • Contrôlez l’ordre dans lequel vos balises script sont récupérées et exécutées avant le chargement de la page.
  • Le champ e-mail est maintenant type=email et les claviers mobiles fournissent les suggestions correctes.
  • Prise en charge de Chrome traduit.
  • Ajout de la prise en charge de la marque de société dans les pages de flux d’utilisateurs.

1.1.0

  • Suppression de l’alerte d’annulation
  • Classe CSS pour les éléments d’erreur
  • Amélioration de la fonction Afficher/masquer la logique d’erreur
  • Suppression du CSS par défaut

1.0.0

  • Version initiale

Conseil

Si vous localisez votre page pour prendre en charge plusieurs paramètres régionaux ou langues dans un flux utilisateur. L’article ID de localisation fournit la liste des ID de localisation que vous pouvez utiliser pour la version de page que vous sélectionnez.

2.1.17

  • Ajoutez CAPTCHA.

2.1.14

  • Remplacement de l’évènement Keypress par Key Down.

2.1.13

  • Correction de la violation de la stratégie de sécurité de contenu (CSP) et suppression d’en-tête de requête X-Aspnetmvc-Version

2.1.12

  • Fonction ReplaceAll supprimée pour la compatibilité IE 11.

2.1.11

  • Correction de bogues d'accessibilité.

2.1.10

2.1.9

  • Correction de bogues d'accessibilité.

  • Modifications d’accessibilité liées à l’affichage du bouton à contraste élevé et aux améliorations du focus d’ancre

2.1.8

  • Ajout d’un message d’erreur descriptif et lien forgotPassword corrigé !

2.1.7

  • Correctif d’accessibilité : correction de l’index de tabulation

2.1.6

  • Correctif d’accessibilité : définition du focus sur le champ d’entrée pour vérification.
  • Mises à jour des éléments d’interface utilisateur et des classes CSS

2.1.5

  • Correction d’un problème dans l’ordre de tabulation lorsque le modèle de sélecteur IDP est utilisé dans la page de connexion.
  • Correction d’un problème d’encodage sur le texte du lien de connexion.

2.1.4

  • JQuery mis à jour vers la version 3.5.1.
  • HandlebarJS mis à jour vers la version 4.7.6.

2.1.3

  • Correctifs de sécurité.
  • Correctifs de bogues mineurs.

2.1.2

  • Correction du problème d’encodage de la localisation pour des langues telles que l’espagnol et le français.
  • Possibilité d’utiliser le lien « mot de passe oublié » comme échange de revendications. Pour plus d’informations, consultez Réinitialisation de mot de passe en libre service.

2.1.1

  • Ajout d’un élément heading UXString en plus de intro à afficher sur la page en tant que titre. Ce message est masqué par défaut.
  • Ajout de la prise en charge de l’utilisation d’une stratégie ou du paramètre QueryString pageFlavor pour sélectionner la disposition (classique, bleu océan ou ardoise).
  • Ajout de la prise en charge de l’enregistrement des mots de passe dans le trousseau iCloud.
  • Le focus est maintenant placé sur le premier champ d’erreur lorsque plusieurs champs comportent des erreurs.
  • Le focus est maintenant placé sur le premier champ modifiable lors du chargement de la page.
  • Ajout d’un nouvel emplacement pour le lien de sélection du fournisseur de revendications bottomUnderFormClaimsProviderSelections.
  • Suppression des éléments UXString qui ne sont plus utilisés.

2.1.0

  • Ajout de la prise en charge de plusieurs liens d’inscription.
  • Ajout de la prise en charge de la validation des entrées utilisateur conformément aux règles de prédicat définies dans la stratégie.
  • Lorsque l’option de connexion est définie sur E-mail, l’en-tête de connexion affiche « Connectez-vous avec votre nom de connexion ». Le champ de nom d’utilisateur affiche « nom de la connexion ». Pour plus d'informations, consultez localisation.

1.2.0

  • Les champs nom d’utilisateur/e-mail et mot de passe utilisent désormais l’élément form HTML pour autoriser Microsoft Edge et Internet Explorer (Internet Explorer) à enregistrer correctement ces informations.
  • Correctifs de l’accessibilité
  • Vous pouvez maintenant ajouter l’attribut data-preload="true"dans vos balises HTML pour contrôler l’ordre de chargement des fichiers CSS et JavaScript.
    • Chargez les fichiers CSS liés en même temps que votre modèle HTML, de sorte qu’il n’y ait pas de « scintillement » entre le chargement des fichiers.
    • Contrôlez l’ordre dans lequel vos balises script sont récupérées et exécutées avant le chargement de la page.
  • Le champ e-mail est maintenant type=email et les claviers mobiles fournissent les suggestions correctes.
  • Prise en charge de Chrome traduit.
  • Ajout de la prise en charge de la marque de client dans les pages de flux d’utilisateurs.

1.1.0

  • Ajout de l’option de contrôle Maintenir la connexion (KMSI)

1.0.0

  • Version initiale

Page MFA (multifactor)

1.2.15

  • Ajoutez CAPTCHA à la page MFA.

1.2.12

  • Remplacement de l’évènement KeyPress par KeyDown.

1.2.11

  • Fonction ReplaceAll supprimée pour la compatibilité IE 11.

1.2.10

  • Correction de bogues d'accessibilité.

1.2.9

  • Corriger le Enter déclencheur d’événement sur L’authentification multifacteur.

  • Modifications CSS pour le rendu du texte/du contrôle de la page de manière verticale pour les petits écrans

  • Correction du bogue de navigation de l’onglet multifacteur.

1.2.8

  • Transmission de réponse d’état pour la vérification MFA avec une erreur au back-end pour triage ultérieur.

1.2.7

  • Correction du problème d’accessibilité sur l’étiquette pour le code de nouvelles tentatives.

  • Correction du problème provoqué par l’incompatibilité du paramètre par défaut sur IE 11.

  • Configurez le titre H1 et activez par défaut.

  • HandlebarJS mis à jour vers la version 4.7.7.

1.2.6

  • Correction de la valeur autocomplete sur le champ de code de vérification de false à off.

  • Correction de quelques problèmes d’encodage XSS.

1.2.5

  • Correction d’un problème d’encodage linguistique qui provoque l’échec de la requête.

1.2.4

  • JQuery mis à jour vers la version 3.5.1.
  • HandlebarJS mis à jour vers la version 4.7.6.

1.2.3

  • Autorisation du remplacement de la chaîne ToolTip via la localisation de la langue.
  • Correctifs de sécurité.
  • Correctifs de bogues mineurs.

1.2.2

  • Correction d’un problème lié au remplissage automatique du code de vérification lors de l’utilisation d’iOS.
  • Correction d’un problème de redirection d’un jeton vers la partie de confiance à partir d’Android WebView.
  • Ajout d’un élément heading UXString en plus de intro à afficher sur la page en tant que titre. Ce message est masqué par défaut.
  • Ajout de la prise en charge de l’utilisation d’une stratégie ou du paramètre QueryString pageFlavor pour sélectionner la disposition (classique, bleu océan ou ardoise).

1.2.1

  • Correctifs d’accessibilité sur les modèles par défaut

1.2.0

  • Correctifs de l’accessibilité
  • Vous pouvez maintenant ajouter l’attribut data-preload="true"dans vos balises HTML pour contrôler l’ordre de chargement des fichiers CSS et JavaScript.
    • Chargez les fichiers CSS liés en même temps que votre modèle HTML, de sorte qu’il n’y ait pas de « scintillement » entre le chargement des fichiers.
    • Contrôlez l’ordre dans lequel vos balises script sont récupérées et exécutées avant le chargement de la page.
  • Le champ e-mail est maintenant type=email et les claviers mobiles fournissent les suggestions correctes
  • Prise en charge de Chrome traduit.
  • Ajout de la prise en charge de la marque de client dans les pages de flux d’utilisateurs.

1.1.0

  • Suppression du bouton « Confirmer le code »
  • Il n’est maintenant possible d’entrer que six (6) caractères dans le champ d’entrée du code
  • La page essaie automatiquement de vérifier le code entré lorsqu’un code à six chiffres est saisi, sans qu’il soit nécessaire de cliquer sur le moindre bouton
  • Si le code est incorrect, le contenu du champ d’entrée est automatiquement effacé
  • Après trois (3) tentatives avec un code incorrect, B2C renvoie une erreur à la partie de confiance
  • Correctifs de l’accessibilité
  • Suppression du CSS par défaut

1.0.0

  • Version initiale

Page Exception (globalexception)

1.2.5

  • Suppression de la fonction ReplaceAl pour la compatibilité IE 11.

1.2.4

  • Correction de bogues d'accessibilité.

1.2.3

  • HandlebarJS mis à jour vers la version 4.7.7.

1.2.2

  • Configurez le titre H1 et activez par défaut.

1.2.1

  • JQuery mis à jour vers la version 3.5.1.
  • HandlebarJS mis à jour vers la version 4.7.6.

1.2.0

  • Correctifs de l’accessibilité
  • Vous pouvez maintenant ajouter l’attribut data-preload="true"dans vos balises HTML pour contrôler l’ordre de chargement des fichiers CSS et JavaScript.
    • Chargez les fichiers CSS liés en même temps que votre modèle HTML, de sorte qu’il n’y ait pas de « scintillement » entre le chargement des fichiers.
    • Contrôlez l’ordre dans lequel vos balises script sont récupérées et exécutées avant le chargement de la page.
  • Le champ e-mail est maintenant type=email et les claviers mobiles fournissent les suggestions correctes
  • Prise en charge de Chrome traduit

1.1.0

  • Correctif de l’accessibilité
  • Suppression du message par défaut s’affichant lorsqu’il n’y a aucun contact de la stratégie
  • Suppression du CSS par défaut

1.0.0

  • Version initiale

Autres pages (ProviderSelection, ClaimsConsent, UnifiedSSD)

1.2.4

  • Suppression de la fonction ReplaceAll pour la compatibilité IE 11.

1.2.3

  • Correction de bogues d'accessibilité.

1.2.2

  • HandlebarJS mis à jour vers la version 4.7.7

1.2.1

  • JQuery mis à jour vers la version 3.5.1.
  • HandlebarJS mis à jour vers la version 4.7.6.

1.2.0

  • Correctifs de l’accessibilité
  • Vous pouvez maintenant ajouter l’attribut data-preload="true"dans vos balises HTML pour contrôler l’ordre de chargement des fichiers CSS et JavaScript.
    • Chargez les fichiers CSS liés en même temps que votre modèle HTML, de sorte qu’il n’y ait pas de « scintillement » entre le chargement des fichiers.
    • Contrôlez l’ordre dans lequel vos balises script sont récupérées et exécutées avant le chargement de la page.
  • Le champ e-mail est maintenant type=email et les claviers mobiles fournissent les suggestions correctes
  • Prise en charge de Chrome traduit

1.0.0

  • Version initiale

Étapes suivantes

Pour plus de détails sur la personnalisation de l’interface utilisateur de vos applications, voir Personnaliser l’interface utilisateur de votre application à l’aide d’une stratégie personnalisée.