refactor(multiple): update headings for examples

src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html

@@ -1,38 +1,33 @@
 <div>
   <div class="example-accordion-grid">
     <div class="example-accordion-container">
-      <h4>Single expansion - Able to expand and collapse accordion panels.</h4>
+      <h4>Single Expansion</h4>
       <cdk-accordion-single-expansion-example></cdk-accordion-single-expansion-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Multi expansion - Able to expand and collapse multiple accordion panels</h4>
+      <h4>Multi Expansion</h4>
       <cdk-accordion-multi-expansion-example></cdk-accordion-multi-expansion-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>
-        Disabled Accordions are Focusable - Able to navigate to a disabled accordion. Disabled
-        accordions are not expandable.
-      </h4>
+      <h4>Disabled Accordions are Focusable</h4>
       <cdk-accordion-disabled-focusable-example></cdk-accordion-disabled-focusable-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>
-        Disabled Accordions are Skipped - Disabled accordions are skipped over and not expandable.
-      </h4>
+      <h4>Disabled Accordions are Skipped</h4>
       <cdk-accordion-disabled-skipped-example></cdk-accordion-disabled-skipped-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Disabled - Focus should land on the accordion group instead of an accordion trigger.</h4>
+      <h4>Disabled</h4>
       <cdk-accordion-disabled-example></cdk-accordion-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-accordion-container">
-    <h4>Configurable Accordion</h4>
+    <h4>Configurable</h4>
     <cdk-accordion-configurable-example></cdk-accordion-configurable-example>
   </div>
 </div>

src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html

@@ -1,69 +1,63 @@
 <div>
   <div class="example-listbox-grid">
     <div class="example-listbox-container">
-      <h4>Single Select - Able to navigate to and select an option.</h4>
-      <cdk-listbox-single-select-example></cdk-listbox-single-select-example>
+      <h4>Multi Select w/ Selection Follows Focus</h4>
+      <cdk-listbox-multi-select-follow-focus-example></cdk-listbox-multi-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>
-        Multi Select - Able to select a range of options using shift + arrow keys, shift + home/end,
-        and shift + clicking.
-      </h4>
-      <cdk-listbox-multi-select-example></cdk-listbox-multi-select-example>
+      <h4>Single Select w/ Selection Follows Focus</h4>
+      <cdk-listbox-single-select-follow-focus-example></cdk-listbox-single-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Single Select w/ Selection Follows Focus</h4>
-      <cdk-listbox-single-select-follow-focus-example></cdk-listbox-single-select-follow-focus-example>
+      <h4>Multi Select</h4>
+      <cdk-listbox-multi-select-example></cdk-listbox-multi-select-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>
-        Multi Select w/ Selection Follows Focus - Able to navigate without changing selection by
-        holding ctrl while navigating.
-      </h4>
-      <cdk-listbox-multi-select-follow-focus-example></cdk-listbox-multi-select-follow-focus-example>
+      <h4>Single Select</h4>
+      <cdk-listbox-single-select-example></cdk-listbox-single-select-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Horizontal Orientation - Able to navigate using left and right arrow keys.</h4>
-      <cdk-listbox-horizontal-example></cdk-listbox-horizontal-example>
+      <h4>Disabled</h4>
+      <cdk-listbox-disabled-example></cdk-listbox-disabled-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4 dir="rtl">RTL & Horizontal Orientation - Able to navigate through the list as expected.</h4>
-      <cdk-listbox-rtl-horizontal-example></cdk-listbox-rtl-horizontal-example>
+      <h4>Readonly</h4>
+      <cdk-listbox-readonly-example></cdk-listbox-readonly-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Active Descendant - Able to navigate to and select an option.</h4>
-      <cdk-listbox-active-descendant-example></cdk-listbox-active-descendant-example>
+      <h4>Disabled Options are Skipped</h4>
+      <cdk-listbox-disabled-skipped-example></cdk-listbox-disabled-skipped-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled Options are Focusable - Able to navigate to a disabled option. Disabled options are not selectable (including range selection).</h4>
+      <h4>Disabled Options are Focusable</h4>
       <cdk-listbox-disabled-focusable-example></cdk-listbox-disabled-focusable-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled Options are Skipped - Disabled options are skipped over. Disabled options are not selectable (including range selection).</h4>
-      <cdk-listbox-disabled-skipped-example></cdk-listbox-disabled-skipped-example>
+      <h4>Active Descendant</h4>
+      <cdk-listbox-active-descendant-example></cdk-listbox-active-descendant-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Readonly - The listbox is navigable but selection state cannot be changed.</h4>
-      <cdk-listbox-readonly-example></cdk-listbox-readonly-example>
+      <h4 dir="rtl">RTL & Horizontal Orientation</h4>
+      <cdk-listbox-rtl-horizontal-example></cdk-listbox-rtl-horizontal-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled - Focus should land on the listbox instead of an option.</h4>
-      <cdk-listbox-disabled-example></cdk-listbox-disabled-example>
+      <h4>Horizontal Orientation</h4>
+      <cdk-listbox-horizontal-example></cdk-listbox-horizontal-example>
     </div>
   </div>
 
   <div class="example-configurable-listbox-container">
-    <h4>Configurable Listbox</h4>
+    <h4>Configurable</h4>
     <cdk-listbox-configurable-example></cdk-listbox-configurable-example>
   </div>
 </div>

src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html

@@ -1,54 +1,48 @@
 <div>
   <div class="example-radio-grid">
     <div class="example-radio-container">
-      <h4>Standard - Able to navigate to and select an radio button.</h4>
+      <h4>Standard</h4>
       <cdk-radio-group-standard-example></cdk-radio-group-standard-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Horizontal Orientation - Able to navigate using left and right arrow keys.</h4>
+      <h4>Horizontal Orientation</h4>
       <cdk-radio-group-horizontal-example></cdk-radio-group-horizontal-example>
     </div>
 
     <div class="example-radio-container">
-      <h4 dir="rtl">RTL & Horizontal Orientation - Able to navigate as expected.</h4>
+      <h4 dir="rtl">RTL & Horizontal Orientation</h4>
       <cdk-radio-group-rtl-horizontal-example></cdk-radio-group-rtl-horizontal-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Active Descendant - Able to navigate to and select a radio button.</h4>
+      <h4>Active Descendant</h4>
       <cdk-radio-group-active-descendant-example></cdk-radio-group-active-descendant-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>
-        Disabled Options are Focusable - Able to navigate to a disabled radio button. Disabled radio
-        buttons are not selectable.
-      </h4>
+      <h4>Disabled Radio Buttons are Focusable</h4>
       <cdk-radio-group-disabled-focusable-example></cdk-radio-group-disabled-focusable-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>
-        Disabled Options are Skipped - Disabled radio buttons are skipped over. Disabled radio
-        buttons are not selectable.
-      </h4>
+      <h4>Disabled Radio Buttons are Skipped</h4>
       <cdk-radio-group-disabled-skipped-example></cdk-radio-group-disabled-skipped-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Readonly - The radio group is navigable but selection state cannot be changed.</h4>
+      <h4>Readonly</h4>
       <cdk-radio-group-readonly-example></cdk-radio-group-readonly-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Disabled - Focus should land on the listbox instead of an option.</h4>
+      <h4>Disabled</h4>
       <cdk-radio-group-disabled-example></cdk-radio-group-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-radio-container">
-    <h4>Configurable CDK Radio Group</h4>
+    <h4>Configurable</h4>
     <cdk-radio-group-configurable-example></cdk-radio-group-configurable-example>
   </div>
 </div>

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>Explicit Selection - Able to navigate between tabs and select tabs.</h4>
+    <h4>Standard</h4>
     <cdk-tabs-explicit-selection-example></cdk-tabs-explicit-selection-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Selection Follows Focus - Navigating between tabs also changes the selected tab.</h4>
+    <h4>Selection Follows Focus</h4>
     <cdk-tabs-selection-follows-focus-example></cdk-tabs-selection-follows-focus-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Horizontal Orientation - Able to navigate between tabs.</h4>
+    <h4>Horizontal Orientation</h4>
     <cdk-tabs-vertical-example></cdk-tabs-vertical-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>RTL & Horizontal Orientation - Able to navigate between tabs.</h4>
+    <h4>RTL & Horizontal Orientation</h4>
     <cdk-tabs-rtl-vertical-example></cdk-tabs-rtl-vertical-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Active Descendant - Able to navigate between tabs.</h4>
+    <h4>Active Descendant</h4>
     <cdk-tabs-active-descendant-example></cdk-tabs-active-descendant-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled Tabs are Focusable - Able to navigate to a disabled tab. Disabled tabs are not selectable.</h4>
+    <h4>Disabled Tabs are Focusable</h4>
     <cdk-tabs-disabled-focusable-example></cdk-tabs-disabled-focusable-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled Tabs are Skipped - Disabled tabs are skipped over. Disabled tabs are not selectable.</h4>
+    <h4>Disabled Tabs are Skipped</h4>
     <cdk-tabs-disabled-skipped-example></cdk-tabs-disabled-skipped-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled - Focus should land on the tablist instead of a tab.</h4>
+    <h4>Disabled</h4>
     <cdk-tabs-disabled-example></cdk-tabs-disabled-example>
   </div>
 </div>
 
 <div class="example-configurable-tabs-container">
-  <h4>Configurable Tabs</h4>
+  <h4>Configurable</h4>
   <cdk-tabs-configurable-example></cdk-tabs-configurable-example>
 </div>