ページ レイアウト バージョン
ページ レイアウト パッケージは定期的に更新され、ページ要素に修正と機能強化が加えられます。 次の変更ログは、各バージョンで導入された変更を示しています。
重要
Azure Active Directory B2C では、新しいページ レイアウト バージョンごとに機能強化と修正がリリースされます。 ページ レイアウトのバージョンを最新の状態に保ち、すべてのページ要素に最新のセキュリティの強化、アクセシビリティ標準、フィードバックを反映することを強くお勧めします。
[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 |
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
に加えて、UXStringheading
が追加されました。 このメッセージは既定で非表示になります。 - 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
に加えて、UXStringheading
が追加されました。 このメッセージは既定で非表示になります。 - ポリシーまたは 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
- 最初のリリース
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
に加えて、UXStringheading
が追加されました。 このメッセージは既定で非表示になります。 - ポリシーまたは 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
- 最初のリリース
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
- 最初のリリース
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
- 最初のリリース
カスタム ポリシーでアプリケーションのユーザー インターフェイスをカスタマイズする方法の詳細については、「カスタム ポリシーを使用してアプリケーションのユーザー インターフェイスをカスタマイズする」を参照してください。