ページレイアウトバージョン

[アーティクル]
04/16/2024

ページレイアウトパッケージは定期的に更新され、ページ要素に修正と機能強化が加えられます。次の変更ログは、各バージョンで導入された変更を示しています。

重要

Azure Active Directory B2C では、新しいページレイアウトバージョンごとに機能強化と修正がリリースされます。ページレイアウトのバージョンを最新の状態に保ち、すべてのページ要素に最新のセキュリティの強化、アクセシビリティ標準、フィードバックを反映することを強くお勧めします。

jQuery および Handlebars のバージョン

[Azure AD B2C] ページのレイアウトでは、次のバージョンの jQuery ライブラリと Handlebars テンプレートを使用します。

要素	ページレイアウトバージョンの範囲	jQuery バージョン	Handlebars ランタイムバージョン	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

セルフアサートページ (selfasserted)

2.1.30

読み取り時のシナリオ (電話番号の変更など) の変更メールを削除しました。電話番号を変更しようとすると、メールを変更できなくなり、読み取り専用になります。
Captcha コントロールの実装

2.1.26

KeypressをKey Downイベントに置き換え、クラシックモードで取得されていない場合のAsteriskを回避しました。

2.1.25

CSP (コンテンツセキュリティポリシー) 違反を修正しました。余計な要求ヘッダー X-Aspnetmvc-Version は削除します。

2.1.24

アクセシビリティのバグを修正しました。
MFA 関連の問題と IE11 の互換性問題を修正しました。

2.1.23

アクセシビリティのバグを修正しました。
既定のテンプレートの UI ビューポートの min-width 値を減らしました。

2.1.22

アクセシビリティのバグを修正しました。
バックエンドライブラリから生成された QR コードイメージを採用するロジックを追加しました。

2.1.21

XSS 攻撃を回避するためのスクリプトタグのサニタイズの強化。このリビジョンでは、<body> 内のスクリプトタグがすべて破棄されます。スクリプトタグは <head> タグに追加する必要があります。詳しくは、「Azure Active Directory B2C における JavaScript とページレイアウトのバージョンの有効化」をご覧ください。

2.1.20

MFA の Enter イベントトリガーを修正しました。
CSS は、小さな画面に関して、垂直方向のページテキスト/コントロールのレンダリングを変更します

2.1.19

アクセシビリティのバグを修正します。
既存のユーザーサインアップの未定義のエラーメッセージを処理します。
ページレベルではなく、パスワードの不一致エラーをインラインに移動します。

2.1.18

必須フィールドにアスタリスクを追加しました
従来のテンプレートの TOTP ストアアイコンの位置を修正する
確認コードが確認された場合にのみ入力項目をアクティブにしました
背景画像に Alt テキストを追加しました
TOTP 確認によるサーバーエラーのカスタマイズを追加しました

2.1.17

わかりやすいエラーメッセージを追加し、forgotPassword リンクを修正しました
チェックボックスをグループにしました
コントロールの変更時に検証エラーの更新を強制し、メール確認時に続行を有効にしました
検証エラー応答にエラーコードにフィールドを追加する

2.1.16

コードの検証中に "確認制御の要求が検証されていません" バグを修正しました。
確認成功時のエラーメッセージを非表示にし、確認するコードを送信するようにしました

2.1.15

QR テキストの長さによる QR コード生成のバグを修正しました

2.1.14

TOTP 多要素認証画面の WCAG 2.1 アクセシビリティのバグを修正しました。

2.1.10

タブインデックスの修正
WCAG 2.1 のアクセシビリティとスクリーンリーダーの問題を修正しました

2.1.9

TOTP 多要素認証のサポート。ユーザーが Microsoft Authenticator アプリをダウンロードしてインストールし、Authenticator で TOTP の登録を完了できるようにするリンクを追加しました。

2.1.8

要求名は、ユーザーの属性入力要素を囲む <li> HTML 要素の class 属性に追加されます。クラス名を使用すると、特定のユーザー属性入力要素の親 <li> を選択する CSS セレクターを作成できます。次の HTML マークアップは、サインアップページのクラス属性を示しています。

<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

要求が失敗する原因となっている言語エンコードの問題を修正しました。
フォームの送信時にのみインラインエラーメッセージを表示するアクセシビリティのバグを修正しました。

2.1.6

別のフィールドにすばやく入力するとパスワードエラーがクリアされる問題を修正しました。

2.1.5

テキストの中央で編集する際の iOS でのカーソルジャンプの問題を修正しました。

2.1.4

jQuery のバージョンが 3.5.1 に更新されました。
HandlebarJS のバージョンが 4.7.6 に更新されました。

2.1.3

セキュリティの修正。

2.1.2

スペイン語やフランス語などの言語のローカライズエンコードの問題を修正しました。

2.1.1

ページにタイトルとして表示するために、intro に加えて、UXString heading が追加されました。このメッセージは既定で非表示になります。
iCloud キーチェーンにパスワードを保存するためのサポートが追加されました。
ポリシーまたは QueryString パラメーター pageFlavor を使用してレイアウト (classic、oceanBlue、または slateGray) を選択するためのサポートが追加されました。
セルフアサートページに免責事項を追加しました。
ページが読み込まれると、最初の編集可能なフィールドにフォーカスが設定されるようになりました。
複数のフィールドにエラーがある場合に、最初のエラーフィールドにフォーカスが設定されるようになりました。
電子メール確認コードが検証された後、[変更] ボタンにフォーカスが設定されるようになりました。

2.1.0

ローカライズとアクセシビリティの修正。

2.0.0

カスタムポリシーでの表示コントロールのサポートが追加されました。

1.2.0

ユーザー名/電子メールとパスワードのフィールドでは、 form HTML 要素を使用して、Microsoft Edge と Internet Explorer でこの情報を適切に保存できるようになりました。
ユーザーエクスペリエンスの向上のため、構成可能なユーザー入力の検証の延期が追加されました。
アクセシビリティの修正
エラーメッセージがナレーターによって読み取ることができるように、アクセシビリティの問題を修正します。
電子メールが検証された後、パスワードフィールドにフォーカスが設定されるようになりました。
チェックボックスコントロールから autofocus を削除しました。
電話番号の検証のための表示コントロールのサポートを追加しました。
data-preload="true" 属性を HTML タグに追加できるようになりました。
- HTML テンプレートと同時にリンクされた CSS ファイルを読み込みます。これにより、ファイルの読み込みの間に "ちらつき" が発生しなくなります。
- ページの読み込み前に script タグをフェッチして実行する順序を制御します。
電子メールフィールドが type=email され、モバイルキーボードが正しい候補を提供するようになりました。
Chrome 翻訳のサポート。
ユーザーフローページで会社のブランドのサポートが追加されました。

1.1.0

キャンセルアラートが削除されました
エラー要素の CSS クラス
エラーの表示/非表示ロジックが改善されました
既定の CSS が削除されました

1.0.0

最初のリリース

ヒント

複数のロケールまたはユーザーフローの言語をサポートするようにページをローカライズする場合。ローカライズ ID に関する記事に、選択したページバージョンで使用できるローカライズ ID の一覧が記載されています。

2.1.18

Captcha コントロールの実装

2.1.17

UnifiedSSP (アクセシビリティ) に Aria-required を含めます。

2.1.14

Keypress を Key Down イベントに代えました。

2.1.13

コンテンツセキュリティポリシー (CSP) 違反を修正し、要求ヘッダー X-Aspnetmvc-Version を削除しました

2.1.12

IE11 互換性のための ReplaceAll 関数を削除しました。

2.1.11

アクセシビリティのバグを修正しました。

2.1.10

XSS 攻撃を回避するため、スクリプトタグのサニタイズを追加しました。このリビジョンでは、<body> 内のスクリプトタグがすべて破棄されます。スクリプトタグは <head> タグに追加する必要があります。詳しくは、「Azure Active Directory B2C における JavaScript とページレイアウトのバージョンの有効化」をご覧ください。

2.1.9

アクセシビリティのバグを修正しました。
[ハイコントラスト] ボタンの表示とアンカーフォーカスの機能強化に関するアクセシビリティの変更

2.1.8

わかりやすいエラーメッセージを追加し、forgotPassword リンクを修正しました。

2.1.7

アクセシビリティの修正 - タブインデックスの修正

2.1.6

アクセシビリティの修正 - 検証のために入力フィールドにフォーカスを設定します。
UI 要素と CSS クラスの更新

2.1.5

サインインページで idp セレクターテンプレートが使用されている場合のタブオーダーの問題を修正しました。
サインインリンクテキストでのエンコードの問題を修正しました。

2.1.4

jQuery のバージョンが 3.5.1 に更新されました。
HandlebarJS のバージョンが 4.7.6 に更新されました。

2.1.3

セキュリティの修正。
軽微なバグの修正。

2.1.2

スペイン語やフランス語などの言語のローカライズエンコードの問題を修正しました。
[パスワードを忘れた場合] リンクを、要求交換として使用できるようにします。詳細については、「セルフサービスパスワードリセット」を参照してください。

2.1.1

ページにタイトルとして表示するために、intro に加えて、UXString heading が追加されました。このメッセージは既定で非表示になります。
ポリシーまたは QueryString パラメーター pageFlavor を使用してレイアウト (classic、oceanBlue、または slateGray) を選択するためのサポートが追加されました。
iCloud キーチェーンにパスワードを保存するためのサポートが追加されました。
複数のフィールドにエラーがある場合に、最初のエラーフィールドにフォーカスが設定されるようになりました。
ページが読み込まれると、最初の編集可能なフィールドにフォーカスが設定されるようになりました。
クレームプロバイダー選択リンク bottomUnderFormClaimsProviderSelections の新しい場所が追加されました。
使用されなくなった UXString を削除しました。

2.1.0

複数のサインアップリンクのサポートが追加されました。
ポリシーで定義されている述語規則に従った、ユーザー入力の検証のサポートが追加されました。
[サインインオプション] が [電子メール] に設定されている場合、サインインヘッダーには "Sign in with your sign in name"(サインイン名でサインインする) と表示されます。 username フィールドには、"サインイン名" が表示されます。詳細については、ローカライズに関する記事を参照してください。

1.2.0

ユーザー名/電子メールとパスワードのフィールドでは、 form HTML 要素を使用して、Microsoft Edge と Internet Explorer でこの情報を適切に保存できるようになりました。
アクセシビリティの修正
HTML タグにdata-preload="true" 属性を追加して、CSS と JavaScript の読み込み順序を制御できるようになりました。
- HTML テンプレートと同時にリンクされた CSS ファイルを読み込みます。これにより、ファイルの読み込みの間に "ちらつき" が発生しなくなります。
- ページの読み込み前に script タグをフェッチして実行する順序を制御します。
電子メールフィールドが type=email され、モバイルキーボードが正しい候補を提供するようになりました。
Chrome 翻訳のサポート。
ユーザーフローページでテナントのブランドのサポートが追加されました。

1.1.0

サインインしたままにする (KMSI) コントロールが追加されました

1.0.0

最初のリリース

MFA ページ (多要素)

1.2.16

"Phone only" モードの Enter キーを修正しました。
Captcha コントロールへの実装

1.2.12

KeyPress を KeyDown イベントに代えました。

1.2.11

IE11 互換性のための ReplaceAll 関数を削除しました。

1.2.10

アクセシビリティのバグを修正しました。

1.2.9

MFA Enter イベントトリガーを修正しました。
CSS は、小さな画面に関して、垂直方向のページテキスト/コントロールのレンダリングを変更します
多要素タブナビゲーションのバグを修正しました。

1.2.8

さらなるトリアージのために、バックエンドのエラーと共に MFA 検証の応答状態を渡しました。

1.2.7

再試行コードのラベルに関するアクセシビリティの問題を修正しました。
Internet Explorer 11 の既定のパラメーターの非互換性が原因で発生する問題を修正しました。
H1 見出しを設定し、既定で有効にします。
HandlebarJS バージョンが 4.7.7 に更新されました。

1.2.6

検証コードフィールドの autocomplete 値を false から off に修正しました。
いくつかの XSS エンコードの問題を修正しました。

1.2.5

要求が失敗する原因となっている言語エンコードの問題を修正しました。

1.2.4

jQuery のバージョンが 3.5.1 に更新されました。
HandlebarJS のバージョンが 4.7.6 に更新されました。

1.2.3

言語のローカライズによりヒントの文字列をオーバーライドできるようになりました。
セキュリティの修正。
軽微なバグの修正。

1.2.2

iOS を使用するときに検証コードを自動入力する問題を修正しました。
Android Webview から証明書利用者へのトークンのリダイレクトに関する問題を修正しました。
ページにタイトルとして表示するために、intro に加えて、UXString heading が追加されました。このメッセージは既定で非表示になります。
ポリシーまたは QueryString パラメーター pageFlavor を使用してレイアウト (classic、oceanBlue、または slateGray) を選択するためのサポートが追加されました。

1.2.1

既定のテンプレートに対するアクセシビリティの修正

1.2.0

アクセシビリティの修正
HTML タグにdata-preload="true" 属性を追加して、CSS と JavaScript の読み込み順序を制御できるようになりました。
- HTML テンプレートと同時にリンクされた CSS ファイルを読み込みます。これにより、ファイルの読み込みの間に "ちらつき" が発生しなくなります。
- ページの読み込み前に script タグをフェッチして実行する順序を制御します。
電子メールフィールドが type=email され、モバイルキーボードが正しい提案を提供するようになりました
Chrome 翻訳のサポート。
ユーザーフローページでテナントのブランドのサポートが追加されました。

1.1.0

[Confirm Code](コードの確認) ボタンが削除されました
コードの入力フィールドは、最大 6 文字の入力のみを受け取るようになりました
6 桁のコードを入力すると、入力したコードの確認がページによって自動的に試行されます。ボタンをクリックする必要はありません
コードが正しくない場合、入力フィールドは自動的にクリアされます
正しくないコードが 3 回試行されると、B2C から証明書利用者にエラーが送信されます
アクセシビリティの修正
既定の CSS が削除されました

1.0.0

最初のリリース

例外ページ (globalexception)

1.2.5

IE11 互換性のための ReplaceAll 関数を削除しました。

1.2.4

アクセシビリティのバグを修正しました。

1.2.3

HandlebarJS バージョンが 4.7.7 に更新されました。

1.2.2

H1 見出しを設定し、既定で有効にします。

1.2.1

jQuery のバージョンが 3.5.1 に更新されました。
HandlebarJS のバージョンが 4.7.6 に更新されました。

1.2.0

アクセシビリティの修正
HTML タグにdata-preload="true" 属性を追加して、CSS と JavaScript の読み込み順序を制御できるようになりました。
- HTML テンプレートと同時にリンクされた CSS ファイルを読み込みます。これにより、ファイルの読み込みの間に "ちらつき" が発生しなくなります。
- ページの読み込み前に script タグをフェッチして実行する順序を制御します。
電子メールフィールドが type=email され、モバイルキーボードが正しい提案を提供するようになりました
Chrome 翻訳のサポート

1.1.0

アクセシビリティの修正
連絡先がない場合のポリシーからの既定のメッセージが削除されました
既定の CSS が削除されました

1.0.0

最初のリリース

その他のページ (ProviderSelection、ClaimsConsent、UnifiedSSD)

1.2.4

IE11 互換性のための ReplaceAll 関数を削除します。

1.2.3

アクセシビリティのバグを修正しました。

1.2.2

HandlebarJS のバージョンが 4.7.7 に更新されました。

1.2.1

jQuery のバージョンが 3.5.1 に更新されました。
HandlebarJS のバージョンが 4.7.6 に更新されました。

1.2.0

アクセシビリティの修正
HTML タグにdata-preload="true" 属性を追加して、CSS と JavaScript の読み込み順序を制御できるようになりました。
- HTML テンプレートと同時にリンクされた CSS ファイルを読み込みます。これにより、ファイルの読み込みの間に "ちらつき" が発生しなくなります。
- ページの読み込み前に script タグをフェッチして実行する順序を制御します。
電子メールフィールドが type=email され、モバイルキーボードが正しい提案を提供するようになりました
Chrome 翻訳のサポート

1.0.0

最初のリリース

次のステップ

カスタムポリシーでアプリケーションのユーザーインターフェイスをカスタマイズする方法の詳細については、「カスタムポリシーを使用してアプリケーションのユーザーインターフェイスをカスタマイズする」を参照してください。

次の方法で共有

ページレイアウトバージョン

jQuery および Handlebars のバージョン

セルフアサートページ (selfasserted)

MFA ページ (多要素)

例外ページ (globalexception)

その他のページ (ProviderSelection、ClaimsConsent、UnifiedSSD)

次のステップ

フィードバック

その他のリソース

次の方法で共有

ページ レイアウト バージョン

jQuery および Handlebars のバージョン

セルフアサート ページ (selfasserted)

パスワード リセット リンクがある統合されたサインアップおよびサインイン ページ (unifiedssp)

MFA ページ (多要素)

例外ページ (globalexception)

その他のページ (ProviderSelection、ClaimsConsent、UnifiedSSD)

次のステップ

フィードバック

その他のリソース

ページレイアウトバージョン

セルフアサートページ (selfasserted)

パスワードリセットリンクがある統合されたサインアップおよびサインインページ (unifiedssp)