Updating Production from Staging

docs/angular/src/content/jp/components/chip.mdx

@@ -103,14 +103,24 @@ Ignite UI for Angular Chips モジュールまたはディレクティブをイ
 
 ## バリアント
 
-Angular チップは、いくつかの定義済みスタイル バリアントをサポートしています。<ApiLink type="Chip" member="variant" label="variant" /> 入力プロパティにサポートされている値のいずれか (`primary`、`info`、`success`、`warning`、または `danger`) を割り当てることで、バリアントを変更できます。
+Angular Chip は、いくつかの定義済みスタイル バリアントをサポートしています。<ApiLink type="Chip" member="variant" label="variant" /> 入力プロパティにサポートされている値のいずれか (`primary`、`info`、`success`、`warning`、または `danger`) を割り当てることで、バリアントを変更できます。
 
 ```html
 <igx-chip variant="success">Success</igx-chip>
 ```
 
 <Sample src="/data-display/chip-variants" height={100} alt="Angular Chip バリアントの例" />
 
+### アウトライン
+
+Angular Chip は、<ApiLink type="Chip" member="outlined" label="outlined" /> プロパティを設定することで、アウトライン スタイルでレンダリングし、周囲にボーダーを表示することもできます。
+
+```html
+<igx-chip outlined>Outlined</igx-chip>
+```
+
+<Sample src="/data-display/chip-outlined" height={100} alt="Angular Chip アウトラインの例" />
+
 ### 選択
 
 <Image src={selectingDefault} alt="Selecting Default" class="responsive-img" />

docs/angular/src/content/jp/components/list.mdx

@@ -295,7 +295,7 @@ toggleFavorite(item: IgxListItem) {
 }
 ```
 
-また、`--ig-size` カスタム CSS プロパティを使用して、ユーザーがリストのサイズを選択できるようにすることができます。これには、`IgxButtonGroupModule` をインポートし、[**IgxButtonGroup**](/button-group) を使用してすべてのサイズ値を表示します。このようにして、選択されるたびに、リストの**サイズ**が更新されます。
+また、`--ig-size` カスタム CSS プロパティを使用して、ユーザーがリストのサイズを選択できるようにすることができます。これには、`IgxButtonGroupModule` をインポートし、[**IgxButtonGroup**](./inputs/button-group.mdx) を使用してすべてのサイズ値を表示します。このようにして、選択されるたびに、リストの**サイズ**が更新されます。
 
 ```typescript
 // app.module.ts

docs/angular/src/content/jp/components/themes/roundness.mdx

@@ -22,7 +22,7 @@ Ignite UI for Angular では、丸みを 0 から 1 の間の値で調整する
 `--ig-radius-factor` を 0 に設定すると、コンポーネントは最小の border-radius を使用し、角がシャープなブロック状に表示されます。1 に設定すると、最大の border-radius が適用され、より丸みを帯びた外観になります。
 
 以下は、定義済みの最小および最大の境界半径値を持ち、`--ig-radius-factor` 変数を使用して変更できるコンポーネントのリストです。 <br />
-• [Action Strip](../action-strip.mdx) • [Button](../button.mdx) • [Button Group](../button-group.mdx) • [Calendar](../calendar.mdx) • [Card](../card.mdx) • [Carousel](../carousel.mdx) • [Checkbox](../checkbox.mdx) • [Chip](../chip.mdx) • [Combo](../combo.mdx) • [Date Picker](../date-picker.mdx) • [Date Range Picker](../date-range-picker.mdx) • [Grid](../grid/grid.mdx) • [Input Group](../input-group.mdx) • [Linear Progress](../linear-progress.mdx) • [List](../list.mdx) • [Month Picker](../month-picker.mdx) • [Navigation Drawer](../navdrawer.mdx) • [Radio](../radio-button.mdx) • [Ripple](../ripple.mdx) • [Snackbar](../snackbar.mdx) • [Switch](../switch.mdx) • [Toast](../toast.mdx)
+• [Action Strip](../action-strip.mdx) • [Button](../button.mdx) • [Button Group](../inputs/button-group.mdx) • [Calendar](../calendar.mdx) • [Card](../card.mdx) • [Carousel](../carousel.mdx) • [Checkbox](../checkbox.mdx) • [Chip](../chip.mdx) • [Combo](../combo.mdx) • [Date Picker](../date-picker.mdx) • [Date Range Picker](../date-range-picker.mdx) • [Grid](../grid/grid.mdx) • [Input Group](../input-group.mdx) • [Linear Progress](../linear-progress.mdx) • [List](../list.mdx) • [Month Picker](../month-picker.mdx) • [Navigation Drawer](../navdrawer.mdx) • [Radio](../radio-button.mdx) • [Ripple](../ripple.mdx) • [Snackbar](../snackbar.mdx) • [Switch](../switch.mdx) • [Toast](../toast.mdx)
 
 ## 使用方法
 

docs/angular/src/content/jp/components/toc.json

@@ -1957,7 +1957,7 @@
   },
   {
     "name": "Button Group",
-    "href": "button-group.mdx"
+    "href": "inputs/button-group.mdx"
   },
   {
     "name": "Icon Button",

docs/xplat/src/content/jp/components/inputs/badge.mdx

@@ -898,19 +898,49 @@ igc-badge::part(base) {
 
 ## アクセシビリティ
 
-{Platform} Badge は視覚的なステータスを伝えるものであり、そのステータスが重要な場合は、意味のあるテキストまたは周囲のアクセシブルなコンテキストを持つ必要があります。
+{Platform} Badge は、短いカウント、状態、または通知を伝える非インタラクティブなステータス表示です。
 
 ### キーボード インタラクション
 
-バッジは視覚的なステータス インジケーターであり、インタラクティブなキーボード操作は提供しません。バッジが装飾する要素のフォーカス動作に従ってアクセスされます。
+バッジはフォーカスを受け取らず、キーボード入力を処理せず、コンポーネントのインタラクション イベントを公開しません。
+
+| キー | アクション |
+| -- | -- |
+| n/a | バッジはキーボードによるインタラクティブ操作に対応していません。 |
 
 ### スクリーン リーダー / ARIA
 
-バッジが支援技術では他に得られない情報を伝える場合は、周囲のコンポーネントに意味のある表示コンテンツまたはアクセシブルなラベルを提供してください。特定の周囲のコントロールについて、実際のアナウンス内容を確認してください。
+バッジ ホストは `role="status"` を使用して、コンテンツをステータス情報として公開します。
+
+<PlatformBlock for="WebComponents, React, Blazor">
+
+- コンポーネントは `aria-roledescription` を設定して、バッジとその現在の `variant` を識別します。
+- テキストのないバッジ (`dot` バッジを含む) が支援技術では他に得られないステータスを伝える場合は、`aria-label` を追加してください。
+- バッジのコンテンツまたはアクセシブルなラベルは、装飾されるアイテムに固有のものにしてください。例えば、単に `3` ではなく `3 件の未読メッセージ` のように記述してください。
+
+</PlatformBlock>
+
+<PlatformBlock for="Angular">
+
+- コンポーネントは `role="status"` と `aria-label="badge"` で初期化されます。
+- Angular はバッジの種類とそのアイコンまたは値から `aria-roledescription` を導出します。`badge` が意味のあるアクセシブル名でない場合は、`label` 入力を設定してください。
+- テキストのないバッジや `dot` バッジのステータスが支援技術では他に得られない場合は、意味のある `label` を追加してください。
+
+</PlatformBlock>
 
 ### アクセシビリティ準拠
 
-このコンポーネントのアクセシビリティ準拠は、製品の公式アクセシビリティ ステートメントおよびレンダリングされる使用状況のコンテキストに対して検証する必要があります。
+インフラジスティックスは、[アクセシビリティ準拠](../interactivity/accessibility-compliance.mdx) トピックで、Section 508 および WCAG 2.1 ガイドライン領域における {ProductName} のアクセシビリティ サポートを文書化しています。
+
+| 基準 | コンポーネントの準拠方法 |
+| -- | -- |
+| [4.1.2 名前、役割、値](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html) | バッジはセマンティックな `status` ロールを公開します。xplat 実装は現在のバリアントに基づくロールの説明も公開します。Angular はバッジの種類とコンテンツに基づいてアクセシブルなラベルとロールの説明を公開します。 |
+
+ユーザー側の責任:
+
+- バッジに意味のあるテキストがない場合、特に `dot` バッジの場合は、ステータスを説明するアクセシブルな名前を提供してください。
+- バッジの色のみをステータスの表示手段として使用しないでください。テキスト、アイコン、または他のアクセシブルな手掛かりと組み合わせてください。
+- テーマ スタイルをオーバーライドする際は、バッジの前景色と背景色のコントラストを十分に確保してください。
 
 ## トラブルシューティング