Versie van pagina-indeling

Artikel
01/11/2024

Pagina-indelingspakketten worden periodiek bijgewerkt met oplossingen en verbeteringen in de pagina-elementen. In het volgende wijzigingslogboek worden de wijzigingen opgegeven die in elke versie zijn geïntroduceerd.

Belangrijk

Azure Active Directory B2C brengt verbeteringen en oplossingen uit met elke nieuwe versie van de pagina-indeling. We raden u ten zeerste aan uw pagina-indelingsversies up-to-date te houden, zodat alle pagina-elementen de nieuwste beveiligingsverbeteringen, toegankelijkheidsstandaarden en uw feedback weerspiegelen.

jQuery- en handlebars-versies

Azure AD B2C-pagina-indeling maakt gebruik van de volgende versies van de jQuery-bibliotheek en de handlebars-sjablonen:

Element	Versiebereik pagina-indeling	jQuery-versie	Runtime-versie van handlebars	Compilerversie van 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
providerselectie	>= 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

Zelf-asserte pagina (zelfverderd)

2.1.29

CAPTCHA toevoegen

2.1.26

Keypress Vervangen door Key Down gebeurtenis en vermijd Asterisk voor niet-vereist in de klassieke modus.

2.1.25

Schending van CSP (Content Security Policy) opgelost en extra aanvraagheader X-Aspnetmvc-Version verwijderen.

2.1.24

Toegankelijkheidsfouten opgelost.
Er is een probleem opgelost met betrekking tot MFA en compatibiliteitsproblemen met IE11.

2.1.23

Toegankelijkheidsfouten opgelost.
Gereduceerde min-width waarde voor UI viewport voor standaardsjabloon.

2.1.22

Toegankelijkheidsfouten opgelost.
Er is logica toegevoegd om qr-codeafbeelding te gebruiken die is gegenereerd op basis van de back-endbibliotheek.

2.1.21

Meer opschoning van scripttags om XSS-aanvallen te voorkomen. Deze revisie onderbreekt alle scripttags in de <body>. U moet scripttags toevoegen aan de <head> tag. Zie JavaScript- en pagina-indelingsversies inschakelen in Azure Active Directory B2C voor meer informatie.

2.1.20

De gebeurtenistrigger Enter is opgelost op MFA.
CSS wijzigt het weergeven van paginatekst/besturingselement verticaal voor kleine schermen

2.1.19

Los toegankelijkheidsfouten op.
Niet-gedefinieerd foutbericht afhandelen voor bestaande gebruikersaanmelding.
De fout Wachtwoord komt niet overeen met Inline in plaats van op paginaniveau.

2.1.18

Sterretje toevoegen voor vereiste velden
Positie van TOTP Store-pictogrammen voor klassieke sjabloon herstellen
Invoeritems alleen activeren wanneer verificatiecode is geverifieerd
Alternatieve tekst toevoegen voor achtergrondafbeelding
Aanpassing toegevoegd voor serverfouten door TOTP-verificatie

2.1.17

Een beschrijvend foutbericht toevoegen en de koppeling vergetenPassword opgelost
Selectievakje als groep maken
Validatiefoutupdate afdwingen bij wijziging van besturingselement en doorgaan met geverifieerde e-mail inschakelen
Meer veld aan foutcode toevoegen aan het antwoord op validatiefouten

2.1.16

Er is een fout opgelost met 'Claims voor verificatiebeheer zijn niet geverifieerd' tijdens het verifiëren van code.
Foutbericht verbergen bij validatie geslaagd en code verzenden om te controleren

2.1.15

Er is een fout opgelost bij het genereren van QR-code vanwege de lengte van QR-tekst

2.1.14

Opgeloste WCAG 2.1-toegankelijkheidsfout voor de TOTP-meervoudige verificatieschermen.

2.1.10

Corrigeren naar de tabindex
Problemen met toegankelijkheid en schermlezer van WCAG 2.1 opgelost

2.1.9

Ondersteuning voor TOTP-meervoudige verificatie. Door koppelingen toe te voegen waarmee gebruikers de Microsoft Authenticator-app kunnen downloaden en installeren om de inschrijving van de TOTP op de verificator te voltooien.

2.1.8

De claimnaam wordt toegevoegd aan het class kenmerk van het <li> HTML-element rond de invoerelementen van het kenmerk van de gebruiker. Met de klassenaam kunt u een CSS-selector maken om het bovenliggende <li> element voor een bepaald invoerelement voor gebruikerskenmerken te selecteren. De volgende HTML-markering toont het klassekenmerk voor de registratiepagina:

<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

Er is een probleem opgelost met taalcodering waardoor de aanvraag mislukt.
Er is een toegankelijkheidsfout opgelost om inline foutberichten alleen weer te geven bij het verzenden van formulieren.

2.1.6

De wachtwoordfout is opgelost wanneer u te snel typt in een ander veld.

2.1.5

Er is een probleem opgelost met cursorsprongen in iOS tijdens het bewerken in het midden van de tekst.

2.1.4

JQuery-versie bijgewerkt naar 3.5.1.
HandlebarJS-versie bijgewerkt naar 4.7.6.

2.1.3

Beveiligingsoplossingen.

2.1.2

Er is een probleem opgelost met de lokalisatiecodering voor talen zoals Spaans en Frans.

2.1.1

Er is een UXString heading toegevoegd naast intro het weergeven op de pagina als titel. Dit bericht is standaard verborgen.
Er is ondersteuning toegevoegd voor het opslaan van wachtwoorden in de iCloud-sleutelhanger.
Er is ondersteuning toegevoegd voor het gebruik van beleid of de parameter pageFlavor QueryString om de indeling te selecteren (klassiek, oceanBlue of slateGray).
Disclaimers toegevoegd op zelfbeveiligde pagina.
De focus wordt nu op het eerste bewerkbare veld geplaatst wanneer de pagina wordt geladen.
De focus wordt nu op het eerste foutveld geplaatst wanneer meerdere velden fouten hebben.
De focus wordt nu op de knop Wijzigen geplaatst nadat de e-mailverificatiecode is geverifieerd.

2.1.0

Lokalisatie- en toegankelijkheidsoplossingen.

2.0.0

Er is ondersteuning toegevoegd voor weergavebesturingselementen in aangepast beleid.

1.2.0

De velden gebruikersnaam/e-mailadres en wachtwoord gebruiken nu het form HTML-element om Microsoft Edge en Internet Explorer (IE) toe te staan deze gegevens correct op te slaan.
Er is een configureerbare vertraging voor validatie van gebruikersinvoer toegevoegd voor verbeterde gebruikerservaring.
Toegankelijkheidsoplossingen
Los een toegankelijkheidsprobleem op zodat foutberichten worden gelezen door Verteller.
De focus wordt nu op het wachtwoordveld geplaatst nadat het e-mailbericht is geverifieerd.
Verwijderd autofocus uit het besturingselement selectievakje.
Er is ondersteuning toegevoegd voor een weergavebeheer voor verificatie van telefoonnummers.
U kunt nu het data-preload="true" kenmerk toevoegen aan uw HTML-tags
- Laad gekoppelde CSS-bestanden op hetzelfde moment als uw HTML-sjabloon, zodat deze niet 'flikkeren' tussen het laden van de bestanden.
- Bepaal de volgorde waarin uw script tags worden opgehaald en uitgevoerd voordat de pagina wordt geladen.
Het e-mailveld is nu type=email en mobiele toetsenborden bieden de juiste suggesties.
Ondersteuning voor Chrome vertaalt.
Er is ondersteuning toegevoegd voor de huisstijl van het bedrijf op gebruikersstroompagina's.

1.1.0

Waarschuwing voor annuleren verwijderd
CSS-klasse voor foutelementen
Foutlogica weergeven/verbergen verbeterd
Standaard-CSS verwijderd

1.0.0

Eerste release

Tip

Als u uw pagina lokaliseert ter ondersteuning van meerdere landinstellingen of talen in een gebruikersstroom. Het artikel lokalisatie-id's bevat de lijst met lokalisatie-id's die u kunt gebruiken voor de paginaversie die u selecteert.

2.1.17

Voeg CAPTCHA toe.

2.1.14

Keypress Vervangen door Key Down gebeurtenis.

2.1.13

Schending van CSP (Content Security Policy) opgelost en meer aanvraagheader X-Aspnetmvc-Version verwijderen

2.1.12

De functie is verwijderd ReplaceAll voor compatibiliteit met IE11.

2.1.11

Toegankelijkheidsfouten opgelost.

2.1.10

Er is extra opschoning van scripttags toegevoegd om XSS-aanvallen te voorkomen. Deze revisie onderbreekt alle scripttags in de <body>. U moet scripttags toevoegen aan de <head> tag. Zie JavaScript- en pagina-indelingsversies inschakelen in Azure Active Directory B2C voor meer informatie.

2.1.9

Toegankelijkheidsfouten opgelost.
Toegankelijkheidswijzigingen met betrekking tot knopweergave met hoog contrast en verbeteringen in ankerfocus

2.1.8

Voeg een beschrijvend foutbericht toe en de koppeling vergetenPassword is opgelost.

2.1.7

Toegankelijkheidsoplossing - corrigeren naar de tabindex

2.1.6

Oplossing voor toegankelijkheid: stel de focus in op het invoerveld voor verificatie.
Updates voor de elementen van de gebruikersinterface en CSS-klassen

2.1.5

Er is een probleem opgelost met de tabvolgorde wanneer de idp-selectorsjabloon wordt gebruikt op de aanmeldingspagina.
Er is een coderingsprobleem opgelost bij de tekst van de aanmeldingskoppeling.

2.1.4

JQuery-versie bijgewerkt naar 3.5.1.
HandlebarJS-versie bijgewerkt naar 4.7.6.

2.1.3

Beveiligingsoplossingen.
Kleine opgeloste fouten.

2.1.2

Er is een probleem opgelost met de lokalisatiecodering voor talen zoals Spaans en Frans.
De koppeling 'Wachtwoord vergeten' mag worden gebruikt als claimuitwisseling. Zie Self-service voor wachtwoordherstel voor meer informatie.

2.1.1

Er is een UXString heading toegevoegd naast intro het weergeven op de pagina als titel. Dit bericht is standaard verborgen.
Er is ondersteuning toegevoegd voor het gebruik van beleid of de parameter pageFlavor QueryString om de indeling te selecteren (klassiek, oceanBlue of slateGray).
Er is ondersteuning toegevoegd voor het opslaan van wachtwoorden in de iCloud-sleutelhanger.
De focus wordt nu op het eerste foutveld geplaatst wanneer meerdere velden fouten hebben.
De focus wordt nu op het eerste bewerkbare veld geplaatst wanneer de pagina wordt geladen.
Er is een nieuwe locatie toegevoegd voor de selectiekoppeling bottomUnderFormClaimsProviderSelectionsvan de claimprovider.
Verwijderde UXStrings die niet meer worden gebruikt.

2.1.0

Ondersteuning toegevoegd voor meerdere registratiekoppelingen.
Ondersteuning toegevoegd voor validatie van gebruikersinvoer volgens de predicaatregels die in het beleid zijn gedefinieerd.
Wanneer de aanmeldingsoptie is ingesteld op E-mail, wordt in de aanmeldingskop 'Aanmelden met uw aanmeldingsnaam' weergegeven. In het veld Gebruikersnaam wordt 'Aanmeldingsnaam' weergegeven. Zie lokalisatie voor meer informatie.

1.2.0

De velden gebruikersnaam/e-mailadres en wachtwoord gebruiken nu het form HTML-element om Microsoft Edge en Internet Explorer (IE) toe te staan deze gegevens correct op te slaan.
Toegankelijkheidsoplossingen
U kunt nu het data-preload="true" kenmerk in uw HTML-tags toevoegen om de laadvolgorde voor CSS en JavaScript te beheren.
- Laad gekoppelde CSS-bestanden op hetzelfde moment als uw HTML-sjabloon, zodat deze niet 'flikkeren' tussen het laden van de bestanden.
- Bepaal de volgorde waarin uw script tags worden opgehaald en uitgevoerd voordat de pagina wordt geladen.
Het e-mailveld is nu type=email en mobiele toetsenborden bieden de juiste suggesties.
Ondersteuning voor Chrome vertaalt.
Er is ondersteuning toegevoegd voor de huisstijl van de tenant in gebruikersstroompagina's.

1.1.0

Aangemeld blijven (KMSI)-besturingselement toegevoegd

1.0.0

Eerste release

MFA-pagina (multifactor)

1.2.15

Voeg CAPTCHA toe aan de pagina MFA.

1.2.12

KeyPress Vervangen door KeyDown gebeurtenis.

1.2.11

De functie is verwijderd ReplaceAll voor compatibiliteit met IE11.

1.2.10

Toegankelijkheidsfouten opgelost.

1.2.9

Gebeurtenistrigger op MFA herstellen Enter .
CSS-wijzigingen geven paginatekst/besturingselement verticaal weer voor kleine schermen
Probleem met navigatie op meerdere tabbladen opgelost.

1.2.8

De antwoordstatus voor MFA-verificatie is doorgegeven met een fout voor back-end voor verdere sortering.

1.2.7

Er is een probleem opgelost met de toegankelijkheid op het label voor het opnieuw proberen van code.
Probleem opgelost dat wordt veroorzaakt door incompatibiliteit van de standaardparameter op IE 11.
Kop instellen H1 en standaard inschakelen.
HandlebarJS-versie bijgewerkt naar 4.7.7.

1.2.6

Corrigeer de waarde in het autocomplete verificatiecodeveld van false naar off.
Er zijn enkele problemen met XSS-codering opgelost.

1.2.5

Er is een probleem opgelost met taalcodering waardoor de aanvraag mislukt.

1.2.4

JQuery-versie bijgewerkt naar 3.5.1.
HandlebarJS-versie bijgewerkt naar 4.7.6.

1.2.3

De tekenreeks voor knopinfo kan worden overschreven via taallokalisatie.
Beveiligingsoplossingen.
Kleine opgeloste fouten.

1.2.2

Er is een probleem opgelost met het automatisch invullen van de verificatiecode bij het gebruik van iOS.
Er is een probleem opgelost met het omleiden van een token naar de relying party vanuit Android Webview.
Er is een UXString heading toegevoegd naast intro het weergeven op de pagina als titel. Dit bericht is standaard verborgen.
Er is ondersteuning toegevoegd voor het gebruik van beleid of de parameter pageFlavor QueryString om de indeling te selecteren (klassiek, oceanBlue of slateGray).

1.2.1

Toegankelijkheidsoplossingen voor standaardsjablonen

1.2.0

Toegankelijkheidsoplossingen
U kunt nu het data-preload="true" kenmerk in uw HTML-tags toevoegen om de laadvolgorde voor CSS en JavaScript te beheren.
- Laad gekoppelde CSS-bestanden op hetzelfde moment als uw HTML-sjabloon, zodat deze niet 'flikkeren' tussen het laden van de bestanden.
- Bepaal de volgorde waarin uw script tags worden opgehaald en uitgevoerd voordat de pagina wordt geladen.
E-mailveld is nu type=email en mobiele toetsenborden bieden de juiste suggesties
Ondersteuning voor Chrome vertaalt.
Er is ondersteuning toegevoegd voor de huisstijl van de tenant in gebruikersstroompagina's.

1.1.0

Knop Code bevestigen is verwijderd
Het invoerveld voor de code neemt nu slechts zes (6) tekens in beslag
Op de pagina wordt automatisch geprobeerd de code te verifiëren die wordt ingevoerd wanneer er een code van zes cijfers wordt ingevoerd, zonder dat op een knop hoeft te worden geklikt
Als de code onjuist is, wordt het invoerveld automatisch gewist
Na drie (3) pogingen met een onjuiste code stuurt B2C een fout terug naar de relying party
Toegankelijkheidsoplossingen
Standaard-CSS verwijderd

1.0.0

Eerste release

Uitzonderingspagina (globalexception)

1.2.5

De functie l is verwijderd ReplaceAlvoor compatibiliteit met IE11.

1.2.4

Toegankelijkheidsfouten opgelost.

1.2.3

HandlebarJS-versie bijgewerkt naar 4.7.7.

1.2.2

Kop instellen H1 en standaard inschakelen.

1.2.1

JQuery-versie bijgewerkt naar 3.5.1.
HandlebarJS-versie bijgewerkt naar 4.7.6.

1.2.0

Toegankelijkheidsoplossingen
U kunt nu het data-preload="true" kenmerk in uw HTML-tags toevoegen om de laadvolgorde voor CSS en JavaScript te beheren.
- Laad gekoppelde CSS-bestanden op hetzelfde moment als uw HTML-sjabloon, zodat deze niet 'flikkeren' tussen het laden van de bestanden.
- Bepaal de volgorde waarin uw script tags worden opgehaald en uitgevoerd voordat de pagina wordt geladen.
E-mailveld is nu type=email en mobiele toetsenborden bieden de juiste suggesties
Ondersteuning voor Chrome vertaalt

1.1.0

Oplossing voor toegankelijkheid
Het standaardbericht verwijderd wanneer er geen contactpersoon is uit het beleid
Standaard-CSS verwijderd

1.0.0

Eerste release

Andere pagina's (ProviderSelection, ClaimsConsent, UnifiedSSD)

1.2.4

Verwijder ReplaceAll de functie voor compatibiliteit met IE11.

1.2.3

Toegankelijkheidsfouten opgelost.

1.2.2

HandlebarJS-versie bijgewerkt naar 4.7.7

1.2.1

JQuery-versie bijgewerkt naar 3.5.1.
HandlebarJS-versie bijgewerkt naar 4.7.6.

1.2.0

Toegankelijkheidsoplossingen
U kunt nu het data-preload="true" kenmerk in uw HTML-tags toevoegen om de laadvolgorde voor CSS en JavaScript te beheren.
- Laad gekoppelde CSS-bestanden op hetzelfde moment als uw HTML-sjabloon, zodat deze niet 'flikkeren' tussen het laden van de bestanden.
- Bepaal de volgorde waarin uw script tags worden opgehaald en uitgevoerd voordat de pagina wordt geladen.
E-mailveld is nu type=email en mobiele toetsenborden bieden de juiste suggesties
Ondersteuning voor Chrome vertaalt

1.0.0

Eerste release

Volgende stappen

Zie De gebruikersinterface van uw toepassing aanpassen met behulp van een aangepast beleid voor meer informatie over het aanpassen van de gebruikersinterface van uw toepassingen.

Versie van pagina-indeling

jQuery- en handlebars-versies

Zelf-asserte pagina (zelfverderd)

Unified sign-in and sign-up page with password reset link (unifiedssp)

MFA-pagina (multifactor)

Uitzonderingspagina (globalexception)

Andere pagina's (ProviderSelection, ClaimsConsent, UnifiedSSD)

Volgende stappen

Aanvullende resources