@@ -52,24 +52,34 @@ npm install @angular/aria
5252
5353## 含まれているもの {#whats-included}
5454
55- Angular Ariaには、一般的なインタラクティブパターンに対応するディレクティブが含まれています:
55+ Angular Ariaには、包括的なドキュメント、動作するサンプル、およびAPIリファレンスを備えた、一般的なインタラクティブパターンに対応するディレクティブが含まれています:
56+
57+ ### 検索と選択 {#search-and-selection}
5658
5759| Component | 説明 |
5860| --------------------------------------- | ---------------------------------------------------------------------- |
59- | [ Accordion] ( guide/aria/accordion ) | 個別に、または排他的に展開できる折りたたみ可能なコンテンツパネル |
6061| [ Autocomplete] ( guide/aria/autocomplete ) | ユーザーが入力するにつれて表示される、フィルタリングされたサジェスト付きのテキスト入力 |
61- | [ Combobox] ( guide/aria/combobox ) | テキスト入力とポップアップを連携させるプリミティブなディレクティブ |
62- | [ Grid] ( guide/aria/grid ) | セル単位のキーボードナビゲーションを備えた2次元のデータ表示 |
6362| [ Listbox] ( guide/aria/listbox ) | キーボードナビゲーション付きの単一選択または複数選択のオプションリスト |
64- | [ Menu] ( guide/aria/menu ) | ネストされたサブメニューとキーボードショートカットを持つドロップダウンメニュー |
65- | [ Menubar] ( guide/aria/menubar ) | 永続的なアプリケーションメニュー用の水平ナビゲーションバー |
66- | [ Multiselect] ( guide/aria/multiselect ) | コンパクトな表示を持つ複数選択のドロップダウンパターン |
6763| [ Select] ( guide/aria/select ) | キーボードナビゲーション付きの単一選択のドロップダウンパターン |
68- | [ Tabs] ( guide/aria/tabs ) | 自動または手動のアクティベーションモードを持つタブ付きインターフェース |
69- | [ Toolbar] ( guide/aria/toolbar ) | 論理的なキーボードナビゲーションを持つ、グループ化されたコントロールのセット |
70- | [ Tree] ( guide/aria/tree ) | 展開/折りたたみ機能を持つ階層的なリスト |
64+ | [ Multiselect] ( guide/aria/multiselect ) | コンパクトな表示を持つ複数選択のドロップダウンパターン |
65+ | [ Combobox] ( guide/aria/combobox ) | テキスト入力とポップアップを連携させるプリミティブなディレクティブ |
66+
67+ ### ナビゲーションとCTA {#navigation-and-call-to-actions}
68+
69+ | Component | 説明 |
70+ | ----------------------------- | ---------------------------------------------------- |
71+ | [ Menu] ( guide/aria/menu ) | ネストされたサブメニューとキーボードショートカットを持つドロップダウンメニュー |
72+ | [ Menubar] ( guide/aria/menubar ) | 永続的なアプリケーションメニュー用の水平ナビゲーションバー |
73+ | [ Tabs] ( guide/aria/tabs ) | 自動または手動のアクティベーションモードを持つタブ付きインターフェース |
74+ | [ Toolbar] ( guide/aria/toolbar ) | 論理的なキーボードナビゲーションを持つ、グループ化されたコントロールのセット |
7175
72- 各コンポーネントには、包括的なドキュメント、動作するサンプル、およびAPIリファレンスが含まれています。
76+ ### コンテンツの構成 {#content-organization}
77+
78+ | Component | 説明 |
79+ | --------------------------------- | --------------------------------------------------------------- |
80+ | [ Accordion] ( guide/aria/accordion ) | 個別に、または排他的に展開できる折りたたみ可能なコンテンツパネル |
81+ | [ Tree] ( guide/aria/tree ) | 展開/折りたたみ機能を持つ階層的なリスト |
82+ | [ Grid] ( guide/aria/grid ) | セル単位のキーボードナビゲーションを備えた2次元のデータ表示 |
7383
7484## Angular Ariaを使用する場面 {#when-to-use-angular-aria}
7585
@@ -89,24 +99,4 @@ Angular Ariaはすべてのシナリオに適しているわけではありま
8999
90100## 次のステップ {#next-steps}
91101
92- コンポーネントガイドを調べて、ニーズに合ったパターンを見つけてください:
93-
94- ** 検索と選択**
95-
96- - Autocomplete - ユーザーの入力に応じてオプションを検索・フィルタリングします
97- - Listbox - リストから1つまたは複数の項目を選択します
98- - Select - オプションのリストから1つのオプションを選択します
99- - Multiselect - オプションのリストから1つのオプションを選択します
100-
101- ** ナビゲーションとCTA**
102-
103- - Menu - ネスト可能なサブメニューを持つアクションメニュー
104- - Tabs - 関連するコンテンツパネルを切り替えます
105- - Toolbar - 関連するコントロールとアクションをグループ化します
106-
107- ** コンテンツの構成**
108-
109- - Accordion - コンテンツのセクションを表示・非表示にします
110- - Tree - 階層的なデータ構造を表示します
111- データ表示
112- - Grid - 表形式のデータをナビゲートし、操作します
102+ サイドナビまたは[ 上記のリスト] ( #whats-included ) からコンポーネントを確認するか、[ Toolbar] ( guide/aria/toolbar ) から始めて、Angular Ariaディレクティブの動作の完全な例を確認してください!
0 commit comments