diff --git a/src/aria/accordion/accordion-content.ts b/src/aria/accordion/accordion-content.ts
index 5dbcaf373d0e..94dac47652a0 100644
--- a/src/aria/accordion/accordion-content.ts
+++ b/src/aria/accordion/accordion-content.ts
@@ -26,6 +26,7 @@ import {DeferredContent} from '../private';
  * ```
  *
  * @developerPreview 21.0
+ * @see [Accordion](guide/aria/accordion)
  */
 @Directive({
   selector: 'ng-template[ngAccordionContent]',
diff --git a/src/aria/accordion/accordion-group.ts b/src/aria/accordion/accordion-group.ts
index 0a4e05892957..4e12b0368347 100644
--- a/src/aria/accordion/accordion-group.ts
+++ b/src/aria/accordion/accordion-group.ts
@@ -57,6 +57,7 @@ import {ACCORDION_GROUP} from './accordion-tokens';
  * ```
  *
  * @developerPreview 21.0
+ * @see [Accordion](guide/aria/accordion)
  */
 @Directive({
   selector: '[ngAccordionGroup]',
diff --git a/src/aria/accordion/accordion-panel.ts b/src/aria/accordion/accordion-panel.ts
index 2e407c4c1a65..e7d0749ef5ca 100644
--- a/src/aria/accordion/accordion-panel.ts
+++ b/src/aria/accordion/accordion-panel.ts
@@ -37,6 +37,7 @@ import {DeferredContentAware, AccordionPanelPattern, AccordionTriggerPattern} fr
  * ```
  *
  * @developerPreview 21.0
+ * @see [Accordion](guide/aria/accordion)
  */
 @Directive({
   selector: '[ngAccordionPanel]',
diff --git a/src/aria/accordion/accordion-trigger.ts b/src/aria/accordion/accordion-trigger.ts
index 3eea0fd6502a..a2e8fcb5527c 100644
--- a/src/aria/accordion/accordion-trigger.ts
+++ b/src/aria/accordion/accordion-trigger.ts
@@ -37,6 +37,7 @@ import {ACCORDION_GROUP} from './accordion-tokens';
  * ```
  *
  * @developerPreview 21.0
+ * @see [Accordion](guide/aria/accordion)
  */
 @Directive({
   selector: '[ngAccordionTrigger]',
diff --git a/src/aria/combobox/combobox-dialog.ts b/src/aria/combobox/combobox-dialog.ts
index 92cd81749831..903d3087d3c0 100644
--- a/src/aria/combobox/combobox-dialog.ts
+++ b/src/aria/combobox/combobox-dialog.ts
@@ -25,6 +25,11 @@ import {ComboboxPopup} from './combobox-popup';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Combobox](guide/aria/combobox)
+ * @see [Select](guide/aria/select)
+ * @see [Multiselect](guide/aria/multiselect)
+ * @see [Autocomplete](guide/aria/autocomplete)
  */
 @Directive({
   selector: 'dialog[ngComboboxDialog]',
diff --git a/src/aria/combobox/combobox-input.ts b/src/aria/combobox/combobox-input.ts
index 9d01410efc17..3a79ba895b77 100644
--- a/src/aria/combobox/combobox-input.ts
+++ b/src/aria/combobox/combobox-input.ts
@@ -35,6 +35,11 @@ import {Combobox} from './combobox';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Combobox](guide/aria/combobox)
+ * @see [Select](guide/aria/select)
+ * @see [Multiselect](guide/aria/multiselect)
+ * @see [Autocomplete](guide/aria/autocomplete)
  */
 @Directive({
   selector: 'input[ngComboboxInput]',
diff --git a/src/aria/combobox/combobox-popup-container.ts b/src/aria/combobox/combobox-popup-container.ts
index f9302ec724f4..d25e3bb90531 100644
--- a/src/aria/combobox/combobox-popup-container.ts
+++ b/src/aria/combobox/combobox-popup-container.ts
@@ -38,6 +38,11 @@ import {DeferredContent} from '../private';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Combobox](guide/aria/combobox)
+ * @see [Select](guide/aria/select)
+ * @see [Multiselect](guide/aria/multiselect)
+ * @see [Autocomplete](guide/aria/autocomplete)
  */
 @Directive({
   selector: 'ng-template[ngComboboxPopupContainer]',
diff --git a/src/aria/combobox/combobox-popup.ts b/src/aria/combobox/combobox-popup.ts
index 1d4563da04e1..3ecc0d227732 100644
--- a/src/aria/combobox/combobox-popup.ts
+++ b/src/aria/combobox/combobox-popup.ts
@@ -20,6 +20,11 @@ import {COMBOBOX} from './combobox-tokens';
  * exposing the popup's control pattern to the parent combobox.
  *
  * @developerPreview 21.0
+ *
+ * @see [Combobox](guide/aria/combobox)
+ * @see [Select](guide/aria/select)
+ * @see [Multiselect](guide/aria/multiselect)
+ * @see [Autocomplete](guide/aria/autocomplete)
  */
 @Directive({
   selector: '[ngComboboxPopup]',
diff --git a/src/aria/combobox/combobox.ts b/src/aria/combobox/combobox.ts
index 33d2e64898ae..c66dab372db3 100644
--- a/src/aria/combobox/combobox.ts
+++ b/src/aria/combobox/combobox.ts
@@ -52,6 +52,11 @@ import {COMBOBOX} from './combobox-tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Combobox](guide/aria/combobox)
+ * @see [Select](guide/aria/select)
+ * @see [Multiselect](guide/aria/multiselect)
+ * @see [Autocomplete](guide/aria/autocomplete)
  */
 @Directive({
   selector: '[ngCombobox]',
diff --git a/src/aria/grid/grid-cell-widget.ts b/src/aria/grid/grid-cell-widget.ts
index a8db38847474..0e2f596e3746 100644
--- a/src/aria/grid/grid-cell-widget.ts
+++ b/src/aria/grid/grid-cell-widget.ts
@@ -36,6 +36,8 @@ import {GRID_CELL} from './grid-tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Grid](guide/aria/grid)
  */
 @Directive({
   selector: '[ngGridCellWidget]',
diff --git a/src/aria/grid/grid-cell.ts b/src/aria/grid/grid-cell.ts
index 3d5fb5b9013b..7235fd8b7495 100644
--- a/src/aria/grid/grid-cell.ts
+++ b/src/aria/grid/grid-cell.ts
@@ -35,6 +35,8 @@ import {GRID_CELL, GRID_ROW} from './grid-tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Grid](guide/aria/grid)
  */
 @Directive({
   selector: '[ngGridCell]',
diff --git a/src/aria/grid/grid-row.ts b/src/aria/grid/grid-row.ts
index ef9444b42bb3..07c9753acd4a 100644
--- a/src/aria/grid/grid-row.ts
+++ b/src/aria/grid/grid-row.ts
@@ -29,6 +29,8 @@ import {GRID_CELL, GRID_ROW} from './grid-tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Grid](guide/aria/grid)
  */
 @Directive({
   selector: '[ngGridRow]',
diff --git a/src/aria/grid/grid.ts b/src/aria/grid/grid.ts
index 21b0f94e8179..f3e8633a48f8 100644
--- a/src/aria/grid/grid.ts
+++ b/src/aria/grid/grid.ts
@@ -41,6 +41,8 @@ import {GRID_ROW} from './grid-tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Grid](guide/aria/grid)
  */
 @Directive({
   selector: '[ngGrid]',
diff --git a/src/aria/listbox/listbox.ts b/src/aria/listbox/listbox.ts
index 11c07689bea2..b7bc8f60a2da 100644
--- a/src/aria/listbox/listbox.ts
+++ b/src/aria/listbox/listbox.ts
@@ -45,6 +45,11 @@ import {LISTBOX} from './tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Listbox](guide/aria/listbox)
+ * @see [Autocomplete](guide/aria/autocomplete)
+ * @see [Select](guide/aria/select)
+ * @see [Multiselect](guide/aria/multiselect)
  */
 @Directive({
   selector: '[ngListbox]',
diff --git a/src/aria/listbox/option.ts b/src/aria/listbox/option.ts
index 8bd28e817186..b14205678fe9 100644
--- a/src/aria/listbox/option.ts
+++ b/src/aria/listbox/option.ts
@@ -25,6 +25,11 @@ import {LISTBOX} from './tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Listbox](guide/aria/listbox)
+ * @see [Autocomplete](guide/aria/autocomplete)
+ * @see [Select](guide/aria/select)
+ * @see [Multiselect](guide/aria/multiselect)
  */
 @Directive({
   selector: '[ngOption]',
diff --git a/src/aria/menu/menu-bar.ts b/src/aria/menu/menu-bar.ts
index 33614c5bbfe7..cd3662f19e68 100644
--- a/src/aria/menu/menu-bar.ts
+++ b/src/aria/menu/menu-bar.ts
@@ -49,6 +49,9 @@ import {MENU_COMPONENT} from './menu-tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Menu](guide/aria/menu)
+ * @see [MenuBar](guide/aria/menubar)
  */
 @Directive({
   selector: '[ngMenuBar]',
diff --git a/src/aria/menu/menu-content.ts b/src/aria/menu/menu-content.ts
index b2e34755891e..fa241646c56c 100644
--- a/src/aria/menu/menu-content.ts
+++ b/src/aria/menu/menu-content.ts
@@ -25,6 +25,9 @@ import {DeferredContent} from '../private';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Menu](guide/aria/menu)
+ * @see [MenuBar](guide/aria/menubar)
  */
 @Directive({
   selector: 'ng-template[ngMenuContent]',
diff --git a/src/aria/menu/menu-item.ts b/src/aria/menu/menu-item.ts
index f9dc4d9d14ed..7fb9a83bf1ab 100644
--- a/src/aria/menu/menu-item.ts
+++ b/src/aria/menu/menu-item.ts
@@ -26,6 +26,9 @@ import type {MenuBar} from './menu-bar';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Menu](guide/aria/menu)
+ * @see [MenuBar](guide/aria/menubar)
  */
 @Directive({
   selector: '[ngMenuItem]',
diff --git a/src/aria/menu/menu-trigger.ts b/src/aria/menu/menu-trigger.ts
index b430350b72d9..44bdd91b6d03 100644
--- a/src/aria/menu/menu-trigger.ts
+++ b/src/aria/menu/menu-trigger.ts
@@ -36,6 +36,9 @@ import type {Menu} from './menu';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Menu](guide/aria/menu)
+ * @see [MenuBar](guide/aria/menubar)
  */
 @Directive({
   selector: 'button[ngMenuTrigger]',
diff --git a/src/aria/menu/menu.ts b/src/aria/menu/menu.ts
index 687663ef15d5..aae13874e837 100644
--- a/src/aria/menu/menu.ts
+++ b/src/aria/menu/menu.ts
@@ -51,6 +51,9 @@ import {MENU_COMPONENT} from './menu-tokens';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Menu](guide/aria/menu)
+ * @see [MenuBar](guide/aria/menubar)
  */
 @Directive({
   selector: '[ngMenu]',
diff --git a/src/aria/tabs/tab-content.ts b/src/aria/tabs/tab-content.ts
index 5ccfd2838fd3..872847e61ba9 100644
--- a/src/aria/tabs/tab-content.ts
+++ b/src/aria/tabs/tab-content.ts
@@ -25,6 +25,8 @@ import {DeferredContent} from '../private';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Tabs](guide/aria/tabs)
  */
 @Directive({
   selector: 'ng-template[ngTabContent]',
diff --git a/src/aria/tabs/tab-list.ts b/src/aria/tabs/tab-list.ts
index 39d14e38492a..992685520f0b 100644
--- a/src/aria/tabs/tab-list.ts
+++ b/src/aria/tabs/tab-list.ts
@@ -39,6 +39,8 @@ import type {Tab} from './tab';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Tabs](guide/aria/tabs)
  */
 @Directive({
   selector: '[ngTabList]',
diff --git a/src/aria/tabs/tab-panel.ts b/src/aria/tabs/tab-panel.ts
index 16b53fb32276..31f594e7443c 100644
--- a/src/aria/tabs/tab-panel.ts
+++ b/src/aria/tabs/tab-panel.ts
@@ -36,6 +36,8 @@ import {TABS} from './utils';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Tabs](guide/aria/tabs)
  */
 @Directive({
   selector: '[ngTabPanel]',
diff --git a/src/aria/tabs/tab.ts b/src/aria/tabs/tab.ts
index 0a6a747f5b0a..fcc6c07a5763 100644
--- a/src/aria/tabs/tab.ts
+++ b/src/aria/tabs/tab.ts
@@ -35,6 +35,8 @@ import {HasElement, TABS} from './utils';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Tabs](guide/aria/tabs)
  */
 @Directive({
   selector: '[ngTab]',
diff --git a/src/aria/tabs/tabs.ts b/src/aria/tabs/tabs.ts
index 255aab572f34..481906a1d8af 100644
--- a/src/aria/tabs/tabs.ts
+++ b/src/aria/tabs/tabs.ts
@@ -39,6 +39,8 @@ import {TABS} from './utils';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Tabs](guide/aria/tabs)
  */
 @Directive({
   selector: '[ngTabs]',
diff --git a/src/aria/toolbar/toolbar-widget-group.ts b/src/aria/toolbar/toolbar-widget-group.ts
index 0d5a7d0a7eb2..01a76ec848cd 100644
--- a/src/aria/toolbar/toolbar-widget-group.ts
+++ b/src/aria/toolbar/toolbar-widget-group.ts
@@ -25,6 +25,8 @@ import {TOOLBAR_WIDGET_GROUP} from './utils';
  * that have their own internal navigation.
  *
  * @developerPreview 21.0
+ *
+ * @see [Toolbar](guide/aria/toolbar)
  */
 @Directive({
   selector: '[ngToolbarWidgetGroup]',
diff --git a/src/aria/toolbar/toolbar-widget.ts b/src/aria/toolbar/toolbar-widget.ts
index ddcd6bbffe2d..c01976e8f51b 100644
--- a/src/aria/toolbar/toolbar-widget.ts
+++ b/src/aria/toolbar/toolbar-widget.ts
@@ -36,6 +36,8 @@ import type {ToolbarWidgetGroup} from './toolbar-widget-group';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Toolbar](guide/aria/toolbar)
  */
 @Directive({
   selector: '[ngToolbarWidget]',
diff --git a/src/aria/toolbar/toolbar.ts b/src/aria/toolbar/toolbar.ts
index 71555dc31a36..afbe8bc51c44 100644
--- a/src/aria/toolbar/toolbar.ts
+++ b/src/aria/toolbar/toolbar.ts
@@ -41,6 +41,8 @@ import {sortDirectives} from './utils';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Toolbar](guide/aria/toolbar)
  */
 @Directive({
   selector: '[ngToolbar]',
diff --git a/src/aria/tree/tree-item-group.ts b/src/aria/tree/tree-item-group.ts
index b2ab808002e4..01be388d4de1 100644
--- a/src/aria/tree/tree-item-group.ts
+++ b/src/aria/tree/tree-item-group.ts
@@ -39,6 +39,8 @@ import {sortDirectives} from './utils';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Tree](guide/aria/tree)
  */
 @Directive({
   selector: 'ng-template[ngTreeItemGroup]',
diff --git a/src/aria/tree/tree.ts b/src/aria/tree/tree.ts
index 007cfde91704..deafffde5b8c 100644
--- a/src/aria/tree/tree.ts
+++ b/src/aria/tree/tree.ts
@@ -58,6 +58,8 @@ import {sortDirectives} from './utils';
  * ```
  *
  * @developerPreview 21.0
+ *
+ * @see [Tree](guide/aria/tree)
  */
 @Directive({
   selector: '[ngTree]',