Versiones de diseño de página

  • Artículo

Los paquetes de diseño de página se actualizan periódicamente para incluir correcciones y mejoras en sus elementos de la página. El registro de cambios siguiente especifica los cambios introducidos en cada versión.

Importante

Azure Active Directory B2C publica actualizaciones y correcciones con cada nueva versión de diseño de página. Se recomienda encarecidamente mantener actualizadas las versiones de diseño de página para que todos los elementos de la página reflejen las mejoras de seguridad, los estándares de accesibilidad y los comentarios más recientes.

Versiones de jQuery y Handlebars

El diseño de página de Azure AD B2C usa las siguientes versiones de la biblioteca de jQuery y las plantillas de Handlebars:

Elemento Intervalo de versiones del diseño de página versión jQuery Versión en tiempo de ejecución de Handlebars Versión de compilador de Handlebars
multifactor >= 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

Página autoafirmada (selfasserted)

2.1.29

  • Agregar CAPTCHA

2.1.26

  • Se reemplaza por KeypressKey Down evento y evita Asterisk si no se solicita en modo clásico.

2.1.25

  • Se ha corregido la infracción de la directiva de seguridad de contenido (CSP) y se quita el encabezado de solicitud adicional X-Aspnetmvc-Version.

2.1.24

  • Se han corregido problemas de accesibilidad.

  • Se ha corregido el problema relacionado con MFA y los problemas de compatibilidad de IE11.

2.1.23

  • Se han corregido problemas de accesibilidad.

  • Valor reducido min-width para la ventanilla de la interfaz de usuario para la plantilla predeterminada.

2.1.22

  • Se han corregido problemas de accesibilidad.

  • Se ha agregado lógica para adoptar la imagen de código QR generada a partir de la biblioteca de back-end.

2.1.21

2.1.20

  • Se ha corregido el desencadenador de eventos Enter en MFA.
  • CSS cambia el texto o el control de la página de representación de manera vertical para pantallas pequeñas

2.1.19

  • Corrija los errores de accesibilidad.
  • Controle el mensaje de error no definido para el registro de usuario existente.
  • Mueva el error de falta de coincidencia de contraseña a Inline en lugar del nivel de página.

2.1.18

  • Adición de asteriscos para los campos obligatorios
  • Corrección de la posición de iconos del almacén TOTP para la plantilla clásica
  • Activación de elementos de entrada solo cuando se comprueba el código de verificación
  • Adición de texto alternativo para la imagen de fondo
  • Se ha agregado personalización para los errores del servidor mediante la comprobación de TOTP

2.1.17

  • Se ha agregado un mensaje de error descriptivo y se ha corregido el vínculo forgotPassword
  • Conversión de la casilla en grupo
  • Aplicación de la actualización de errores de validación en el cambio de control y habilitación de la continuación en el correo electrónico comprobado
  • Agregar más campo al código de error a la respuesta de error de validación

2.1.16

  • Se ha corregido el error "Las notificaciones para el control de comprobación no se han comprobado" al comprobar el código.
  • Ocultación del mensaje de error en la validación correcta y envío de código para comprobarlo

2.1.15

  • Se ha corregido un error de generación de código QR debido a la longitud del texto QR

2.1.14

  • Se ha corregido un error de accesibilidad de WCAG 2.1 para las pantallas de autenticación multifactor de TOTP.

2.1.10

  • Corrección del índice de tabulación
  • Corrección de problemas de accesibilidad y lector de pantalla de WCAG 2.1

2.1.9

  • Se admite la autenticación multifactor TOTP. Agregar vínculos que permiten a los usuarios descargar e instalar la aplicación de autenticación de Microsoft para completar la inscripción del TOTP en el autenticador.

2.1.8

  • El nombre de la notificación se agrega al atributo class del elemento HTML <li> que rodea a los elementos de entrada del atributo del usuario. El nombre de la clase permite crear un selector CSS para seleccionar el elemento primario <li> de un determinado elemento de entrada del atributo de usuario. El siguiente marcado HTML muestra el atributo de clase para la página de registro:

    <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

  • Se ha corregido un problema de codificación del idioma que provocaba un error en la solicitud.
  • Se ha corregido un error de accesibilidad para mostrar mensajes de error insertados solo al enviar el formulario.

2.1.6

  • Se ha corregido un error de borrado de contraseña al escribir demasiado rápido en otro campo.

2.1.5

  • Se ha corregido un problema de saltos de cursor en iOS al editar en medio del texto.

2.1.4

  • Se actualizó JQuery a la versión 3.5.1.
  • Se actualizó HandlebarJS a la versión 4.7.6.

2.1.3

  • Revisiones de seguridad.

2.1.2

  • Se ha corregido el problema de codificación de la localización para idiomas como el español y el francés.

2.1.1

  • Se ha agregado una UXString heading además de intro para que se muestre en la página como un título. Este mensaje está oculto de forma predeterminada.
  • Se ha agregado compatibilidad para guardar contraseñas en iCloud Keychain.
  • Se ha agregado compatibilidad con el uso de la Directiva o el parámetro de QueryString pageFlavor para seleccionar el diseño (clásico, oceanBlue o slateGray).
  • Se han agregado declinaciones de responsabilidades en la página autoafirmada.
  • El foco se sitúa ahora en el primer campo editable cuando se carga la página.
  • El foco se sitúa ahora en el primer campo de error cuando varios campos tienen errores.
  • El foco se sitúa ahora en el botón "cambiar" después de comprobar el código de verificación del correo electrónico.

2.1.0

  • Correcciones de localización y accesibilidad.

2.0.0

1.2.0

  • Los campos nombre de usuario/correo electrónico y contraseña ahora usan el form elemento HTML para permitir que Microsoft Edge e Internet Explorer (IE) guarden correctamente esta información.
  • Se ha agregado un retraso configurable en la validación de entradas de usuario para mejorar la experiencia del usuario.
  • Correcciones de accesibilidad
  • Corrija un problema de accesibilidad para que Narrador lea los mensajes de error.
  • El foco se sitúa ahora en el campo de contraseña después de comprobar el correo electrónico.
  • Se ha eliminado autofocus del control CheckBox.
  • Se ha agregado compatibilidad con un control de pantalla para la comprobación del número de teléfono.
  • Ahora puede agregar el atributo data-preload="true"en las etiquetas HTML.
    • Cargue los archivos CSS vinculados al mismo tiempo que la plantilla HTML para que no "vacile" durante la carga de los archivos.
    • Controle el orden en el que se capturan y ejecutan las etiquetas script antes de la carga de la página.
  • El campo de correo electrónico es ahora type=email y los teclados móviles proporcionan las sugerencias correctas.
  • Compatibilidad con las traducciónes de Chrome.
  • Se ha agregado compatibilidad con la personalización de marca de empresa en las páginas del flujo de usuario.

1.1.0

  • Se ha quitado la alerta de cancelación.
  • Clase CSS para elementos de error.
  • Se ha mejorado la lógica para mostrar u ocultar errores.
  • Se ha quitado la hoja CSS predeterminada.

1.0.0

  • Versión inicial

Página de registro y de inicio de sesión unificado con el vínculo de restablecimiento de contraseña (unifiedssp)

Sugerencia

Si localiza la página para que admita varias configuraciones regionales o idiomas en un flujo de usuario. El artículo sobre los identificadores de localización proporciona la lista de identificadores de localización que puede utilizar para la versión de la página que seleccione.

2.1.17

  • Agregue CAPTCHA.

2.1.14

  • Se ha reemplazado Keypress por Key Down evento.

2.1.13

  • Se ha corregido la infracción de la directiva de seguridad de contenido (CSP) y se quitaba más encabezado de solicitud X-Aspnetmvc-Version.

2.1.12

  • Se ha quitado ReplaceAll la función para la compatibilidad con IE11.

2.1.11

  • Se han corregido problemas de accesibilidad.

2.1.10

2.1.9

  • Se han corregido problemas de accesibilidad.

  • Cambios de accesibilidad relacionados con la visualización de botones de contraste alto y mejoras en el foco de anclaje

2.1.8

  • Se ha agregado un mensaje de error descriptivo y se ha corregido el vínculo forgotPassword

2.1.7

  • Corrección de accesibilidad: corrección del índice de tabulación

2.1.6

  • Corrección de accesibilidad: establezca el foco en el campo de entrada para la comprobación.
  • Actualizaciones de los elementos de la interfaz de usuario y las clases CSS

2.1.5

  • Se ha corregido un problema en el orden de tabulación cuando se usa la plantilla de selector de idp en la página de inicio de sesión.
  • Se ha corregido un problema de codificación en el texto del vínculo de inicio de sesión.

2.1.4

  • Se actualizó JQuery a la versión 3.5.1.
  • Se actualizó HandlebarJS a la versión 4.7.6.

2.1.3

  • Revisiones de seguridad.
  • Correcciones de errores leves.

2.1.2

  • Se ha corregido el problema de codificación de la localización para idiomas como el español y el francés.
  • Permite que el vínculo "contraseña olvidada" se use como intercambio de notificaciones. Para más información, consulte Autoservicio de restablecimiento de contraseña.

2.1.1

  • Se ha agregado una UXString heading además de intro para que se muestre en la página como un título. Este mensaje está oculto de forma predeterminada.
  • Se ha agregado compatibilidad con el uso de la Directiva o el parámetro de QueryString pageFlavor para seleccionar el diseño (clásico, oceanBlue o slateGray).
  • Se ha agregado compatibilidad para guardar contraseñas en iCloud Keychain.
  • El foco se sitúa ahora en el primer campo de error cuando varios campos tienen errores.
  • El foco se sitúa ahora en el primer campo editable cuando se carga la página.
  • Se ha agregado una nueva ubicación para el vínculo de selección del proveedor de notificaciones bottomUnderFormClaimsProviderSelections.
  • Se han eliminado UXStrings que ya no se usan.

2.1.0

  • Se ha agregado compatibilidad con varios vínculos de registro.
  • Se ha agregado compatibilidad con la validación de entradas de usuario según las reglas de predicado definidas en la directiva.
  • Cuando la opción de inicio de sesión se ha establecido como Correo electrónico, el encabezado de inicio de sesión muestra el mensaje Iniciar sesión con su nombre de inicio de sesión. El campo de nombre de usuario muestra "Sign in name" (Nombre de inicio de sesión). Para obtener más información, consulte las cadenas de localización.

1.2.0

  • Los campos nombre de usuario/correo electrónico y contraseña ahora usan el form elemento HTML para permitir que Microsoft Edge e Internet Explorer (IE) guarden correctamente esta información.
  • Correcciones de accesibilidad
  • Ahora puede agregar el atributo data-preload="true"en las etiquetas HTML para controlar el orden de carga de CSS y JavaScript.
    • Cargue los archivos CSS vinculados al mismo tiempo que la plantilla HTML para que no "vacile" durante la carga de los archivos.
    • Controle el orden en el que se capturan y ejecutan las etiquetas script antes de la carga de la página.
  • El campo de correo electrónico es ahora type=email y los teclados móviles proporcionan las sugerencias correctas.
  • Compatibilidad con las traducciónes de Chrome.
  • Se ha agregado compatibilidad con la personalización de marca del inquilino en las páginas del flujo de usuario.

1.1.0

  • Se ha agregado el control para mantener la sesión iniciada (KMSI)

1.0.0

  • Versión inicial

Página de MFA (multifactor)

1.2.15

  • Agregue CAPTCHA a la página MFA.

1.2.12

  • Se ha reemplazado KeyPress por KeyDown evento.

1.2.11

  • Se ha quitado ReplaceAll la función para la compatibilidad con IE11.

1.2.10

  • Se han corregido problemas de accesibilidad.

1.2.9

  • Corrección Enter del desencadenador de eventos en MFA.

  • Los cambios CSS representan el texto o el control de la página de forma vertical para pantallas pequeñas

  • Se ha corregido el error de navegación por tabulación multifactor.

1.2.8

  • Se ha pasado el estado de respuesta para la comprobación de MFA con el error para que el back-end evalúe aún más.

1.2.7

  • Se ha corregido un problema de accesibilidad en la etiqueta para el código de reintentos.

  • Se ha corregido un problema causado por la incompatibilidad del parámetro predeterminado en IE 11.

  • Configure el H1 encabezado y habilite de forma predeterminada.

  • Se actualizó HandlebarJS a la versión 4.7.7.

1.2.6

  • Corrigió el valor en el autocomplete campo de código de verificación de false a desactivado.

  • Se han corregido algunos problemas de codificación XSS.

1.2.5

  • Se ha corregido un problema de codificación del idioma que provocaba un error en la solicitud.

1.2.4

  • Se actualizó JQuery a la versión 3.5.1.
  • Se actualizó HandlebarJS a la versión 4.7.6.

1.2.3

  • Se permite la invalidación de la cadena de información sobre herramientas a través de la localización del lenguaje.
  • Revisiones de seguridad.
  • Correcciones de errores leves.

1.2.2

  • Se ha corregido un problema con el relleno automático del código de verificación al usar iOS.
  • Se ha corregido un problema con la redirección de un token al usuario de confianza desde Android WebView.
  • Se ha agregado una UXString heading además de intro para que se muestre en la página como un título. Este mensaje está oculto de forma predeterminada.
  • Se ha agregado compatibilidad con el uso de la Directiva o el parámetro de QueryString pageFlavor para seleccionar el diseño (clásico, oceanBlue o slateGray).

1.2.1

  • Correcciones de accesibilidad en plantillas predeterminadas

1.2.0

  • Correcciones de accesibilidad
  • Ahora puede agregar el atributo data-preload="true"en las etiquetas HTML para controlar el orden de carga de CSS y JavaScript.
    • Cargue los archivos CSS vinculados al mismo tiempo que la plantilla HTML para que no "vacile" durante la carga de los archivos.
    • Controle el orden en el que se capturan y ejecutan las etiquetas script antes de la carga de la página.
  • El campo Correo electrónico es ahora type=email y los teclados móviles proporcionan las sugerencias correctas.
  • Compatibilidad con las traducciónes de Chrome.
  • Se ha agregado compatibilidad con la personalización de marca del inquilino en las páginas del flujo de usuario.

1.1.0

  • Se ha quitado el botón “Confirmar código”.
  • El campo de entrada del código ahora solo acepta la entrada de hasta seis (6) caracteres.
  • La página intentará comprobar el código introducido automáticamente cuando se introduzca un código de seis dígitos, sin tener que hacer clic en ningún botón
  • Si el código es incorrecto, el campo de entrada se borra automáticamente.
  • Después de tres (3) intentos con un código incorrecto, B2C reenvía un error al usuario de confianza.
  • Correcciones de accesibilidad
  • Se ha quitado la hoja CSS predeterminada.

1.0.0

  • Versión inicial

Página de excepciones (globalexception)

1.2.5

  • Se ha quitado ReplaceAl la función I para la compatibilidad con IE11.

1.2.4

  • Se han corregido problemas de accesibilidad.

1.2.3

  • Se actualizó HandlebarJS a la versión 4.7.7.

1.2.2

  • Configure el H1 encabezado y habilite de forma predeterminada.

1.2.1

  • Se actualizó JQuery a la versión 3.5.1.
  • Se actualizó HandlebarJS a la versión 4.7.6.

1.2.0

  • Correcciones de accesibilidad
  • Ahora puede agregar el atributo data-preload="true"en las etiquetas HTML para controlar el orden de carga de CSS y JavaScript.
    • Cargue los archivos CSS vinculados al mismo tiempo que la plantilla HTML para que no "vacile" durante la carga de los archivos.
    • Controle el orden en el que se capturan y ejecutan las etiquetas script antes de la carga de la página.
  • El campo Correo electrónico es ahora type=email y los teclados móviles proporcionan las sugerencias correctas.
  • Compatibilidad con las traducciónes de Chrome

1.1.0

  • Corrección de accesibilidad.
  • Se ha quitado el mensaje predeterminado cuando no hay ningún contacto de la directiva
  • Se ha quitado la hoja CSS predeterminada.

1.0.0

  • Versión inicial

Otras páginas (ProviderSelection, ClaimsConsent, UnifiedSSD)

1.2.4

  • Se ha quitado ReplaceAll la función para la compatibilidad con IE11.

1.2.3

  • Se han corregido problemas de accesibilidad.

1.2.2

  • Se actualizó HandlebarJS a la versión 4.7.7

1.2.1

  • Se actualizó JQuery a la versión 3.5.1.
  • Se actualizó HandlebarJS a la versión 4.7.6.

1.2.0

  • Correcciones de accesibilidad
  • Ahora puede agregar el atributo data-preload="true"en las etiquetas HTML para controlar el orden de carga de CSS y JavaScript.
    • Cargue los archivos CSS vinculados al mismo tiempo que la plantilla HTML para que no "vacile" durante la carga de los archivos.
    • Controle el orden en el que se capturan y ejecutan las etiquetas script antes de la carga de la página.
  • El campo Correo electrónico es ahora type=email y los teclados móviles proporcionan las sugerencias correctas.
  • Compatibilidad con las traducciónes de Chrome

1.0.0

  • Versión inicial

Pasos siguientes

Para obtener detalles sobre cómo personalizar la interfaz de usuario de las aplicaciones en directivas personalizadas, vea Personalización de la interfaz de usuario de la aplicación mediante una directiva personalizada.