From 4c98e38d9c63d61cb66988509a281ba624916cb1 Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Wed, 20 Aug 2025 12:21:58 -0400
Subject: [PATCH] docs(multiple): fix heading order

---
 .../cdk-accordion-demo.css                    |  2 +-
 .../cdk-accordion-demo.html                   | 12 +++++-----
 .../cdk-listbox-demo.css                      |  2 +-
 .../cdk-listbox-demo.html                     | 24 +++++++++----------
 .../cdk-radio-group-demo.css                  |  2 +-
 .../cdk-radio-group-demo.html                 | 18 +++++++-------
 .../cdk-experimental-tabs/cdk-tabs-demo.css   |  2 +-
 .../cdk-experimental-tabs/cdk-tabs-demo.html  | 18 +++++++-------
 8 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css
index 248988f1da76..6d127cf0b86d 100644
--- a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css
+++ b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css
@@ -21,7 +21,7 @@
   margin-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
   margin-top: 0;
 }
diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html
index 2764f3517097..6b3ff1585dfc 100644
--- a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html
+++ b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html
@@ -1,33 +1,33 @@
 <div>
   <div class="example-accordion-grid">
     <div class="example-accordion-container">
-      <h4>Single Expansion</h4>
+      <h2>Single Expansion</h2>
       <cdk-accordion-single-expansion-example></cdk-accordion-single-expansion-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Multi Expansion</h4>
+      <h2>Multi Expansion</h2>
       <cdk-accordion-multi-expansion-example></cdk-accordion-multi-expansion-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Disabled Accordions are Focusable</h4>
+      <h2>Disabled Accordions are Focusable</h2>
       <cdk-accordion-disabled-focusable-example></cdk-accordion-disabled-focusable-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Disabled Accordions are Skipped</h4>
+      <h2>Disabled Accordions are Skipped</h2>
       <cdk-accordion-disabled-skipped-example></cdk-accordion-disabled-skipped-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Disabled</h4>
+      <h2>Disabled</h2>
       <cdk-accordion-disabled-example></cdk-accordion-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-accordion-container">
-    <h4>Configurable</h4>
+    <h2>Configurable</h2>
     <cdk-accordion-configurable-example></cdk-accordion-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css
index ff545cbc82ea..1a923c135fe0 100644
--- a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css
+++ b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css
@@ -15,6 +15,6 @@
   padding-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
 }
diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html
index 91baa732699f..15c68e8c2d7b 100644
--- a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html
+++ b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html
@@ -1,63 +1,63 @@
 <div>
   <div class="example-listbox-grid">
     <div class="example-listbox-container">
-      <h4>Multi Select w/ Selection Follows Focus</h4>
+      <h2>Multi Select w/ Selection Follows Focus</h2>
       <cdk-listbox-multi-select-follow-focus-example></cdk-listbox-multi-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Single Select w/ Selection Follows Focus</h4>
+      <h2>Single Select w/ Selection Follows Focus</h2>
       <cdk-listbox-single-select-follow-focus-example></cdk-listbox-single-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Multi Select</h4>
+      <h2>Multi Select</h2>
       <cdk-listbox-multi-select-example></cdk-listbox-multi-select-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Single Select</h4>
+      <h2>Single Select</h2>
       <cdk-listbox-single-select-example></cdk-listbox-single-select-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled</h4>
+      <h2>Disabled</h2>
       <cdk-listbox-disabled-example></cdk-listbox-disabled-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Readonly</h4>
+      <h2>Readonly</h2>
       <cdk-listbox-readonly-example></cdk-listbox-readonly-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled Options are Skipped</h4>
+      <h2>Disabled Options are Skipped</h2>
       <cdk-listbox-disabled-skipped-example></cdk-listbox-disabled-skipped-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled Options are Focusable</h4>
+      <h2>Disabled Options are Focusable</h2>
       <cdk-listbox-disabled-focusable-example></cdk-listbox-disabled-focusable-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Active Descendant</h4>
+      <h2>Active Descendant</h2>
       <cdk-listbox-active-descendant-example></cdk-listbox-active-descendant-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4 dir="rtl">RTL & Horizontal Orientation</h4>
+      <h2 dir="rtl">RTL & Horizontal Orientation</h2>
       <cdk-listbox-rtl-horizontal-example></cdk-listbox-rtl-horizontal-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Horizontal Orientation</h4>
+      <h2>Horizontal Orientation</h2>
       <cdk-listbox-horizontal-example></cdk-listbox-horizontal-example>
     </div>
   </div>
 
   <div class="example-configurable-listbox-container">
-    <h4>Configurable</h4>
+    <h2>Configurable</h2>
     <cdk-listbox-configurable-example></cdk-listbox-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css
index 20307209d88a..65db334e5c3f 100644
--- a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css
+++ b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css
@@ -15,6 +15,6 @@
   padding-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
 }
diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html
index be2789cf993c..27df72c8f36a 100644
--- a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html
+++ b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html
@@ -1,48 +1,48 @@
 <div>
   <div class="example-radio-grid">
     <div class="example-radio-container">
-      <h4>Standard</h4>
+      <h2>Standard</h2>
       <cdk-radio-group-standard-example></cdk-radio-group-standard-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Horizontal Orientation</h4>
+      <h2>Horizontal Orientation</h2>
       <cdk-radio-group-horizontal-example></cdk-radio-group-horizontal-example>
     </div>
 
     <div class="example-radio-container">
-      <h4 dir="rtl">RTL & Horizontal Orientation</h4>
+      <h2 dir="rtl">RTL & Horizontal Orientation</h2>
       <cdk-radio-group-rtl-horizontal-example></cdk-radio-group-rtl-horizontal-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Active Descendant</h4>
+      <h2>Active Descendant</h2>
       <cdk-radio-group-active-descendant-example></cdk-radio-group-active-descendant-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Disabled Radio Buttons are Focusable</h4>
+      <h2>Disabled Radio Buttons are Focusable</h2>
       <cdk-radio-group-disabled-focusable-example></cdk-radio-group-disabled-focusable-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Disabled Radio Buttons are Skipped</h4>
+      <h2>Disabled Radio Buttons are Skipped</h2>
       <cdk-radio-group-disabled-skipped-example></cdk-radio-group-disabled-skipped-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Readonly</h4>
+      <h2>Readonly</h2>
       <cdk-radio-group-readonly-example></cdk-radio-group-readonly-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Disabled</h4>
+      <h2>Disabled</h2>
       <cdk-radio-group-disabled-example></cdk-radio-group-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-radio-container">
-    <h4>Configurable</h4>
+    <h2>Configurable</h2>
     <cdk-radio-group-configurable-example></cdk-radio-group-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css
index 200d521a2ed7..459334722b36 100644
--- a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css
+++ b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css
@@ -15,6 +15,6 @@
   padding-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
 }
diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html
index 34f6755fa711..5829f4ccc56f 100644
--- a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html
+++ b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html
@@ -1,46 +1,46 @@
 <div class="example-tabs-grid">
   <div class="example-tabs-container">
-    <h4>Standard</h4>
+    <h2>Standard</h2>
     <cdk-tabs-explicit-selection-example></cdk-tabs-explicit-selection-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Selection Follows Focus</h4>
+    <h2>Selection Follows Focus</h2>
     <cdk-tabs-selection-follows-focus-example></cdk-tabs-selection-follows-focus-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Vertical Orientation</h4>
+    <h2>Vertical Orientation</h2>
     <cdk-tabs-vertical-example></cdk-tabs-vertical-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>RTL</h4>
+    <h2>RTL</h2>
     <cdk-tabs-rtl-example></cdk-tabs-rtl-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Active Descendant</h4>
+    <h2>Active Descendant</h2>
     <cdk-tabs-active-descendant-example></cdk-tabs-active-descendant-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled Tabs are Focusable</h4>
+    <h2>Disabled Tabs are Focusable</h2>
     <cdk-tabs-disabled-focusable-example></cdk-tabs-disabled-focusable-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled Tabs are Skipped</h4>
+    <h2>Disabled Tabs are Skipped</h2>
     <cdk-tabs-disabled-skipped-example></cdk-tabs-disabled-skipped-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled</h4>
+    <h2>Disabled</h2>
     <cdk-tabs-disabled-example></cdk-tabs-disabled-example>
   </div>
 </div>
 
 <div class="example-configurable-tabs-container">
-  <h4>Configurable</h4>
+  <h2>Configurable</h2>
   <cdk-tabs-configurable-example></cdk-tabs-configurable-example>
 </div>