diff --git a/third_party/aria-practices/src/content/patterns/button/examples/button.html b/third_party/aria-practices/src/content/patterns/button/examples/button.html
index a99be16fcff4c..621acc7e82571 100644
--- a/third_party/aria-practices/src/content/patterns/button/examples/button.html
+++ b/third_party/aria-practices/src/content/patterns/button/examples/button.html
@@ -2,57 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Button Examples</title>
 
-    <!-- Core JS and CSS shared by all examples -->
-    <link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2016/base.css">
-    <link rel="stylesheet" href="../../../shared/css/core.css">
-    <script src="../../../shared/js/examples.js"></script>
-    <script src="../../../shared/js/highlight.pack.js"></script>
-    <script src="../../../shared/js/app.js"></script>
-    <script data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" src="../../../shared/js/skipto.js"></script>
-
     <!-- JS and CSS for this example -->
     <link rel="stylesheet" href="css/button.css">
     <script src="js/button.js"></script>
   </head>
   <body>
-    <nav aria-label="Related Links" class="feedback">
-      <ul>
-        <li><a href="https://github.com/orgs/w3c/projects/132">Related Issues</a></li>
-        <li><a href="../button-pattern.html">Design Pattern</a></li>
-      </ul>
-    </nav>
-
-    <main>
-      <h1>Button Examples</h1>
-
-      <section>
-        <h2>About This Example</h2>
-        <img alt="" class="example-page-example-icon" src="../../../images/pattern-button.svg">
-        <p>The following command and toggle button examples demonstrate the <a href="../button-pattern.html">Button Pattern</a>.</p>
-        <p>Similar examples include:</p>
-        <ul>
-          <li><a href="../../menu-button/examples/menu-button-links.html">Navigation Menu Button</a>: A button that opens a menu of items that behave as links.</li>
-          <li>
-            <a href="../../menu-button/examples/menu-button-actions.html">Action Menu Button Example Using <code>element.focus()</code></a>:
-            A button that opens a menu of actions or commands where focus in the menu is managed using <code>element.focus()</code>.
-          </li>
-          <li>
-            <a href="../../menu-button/examples/menu-button-actions-active-descendant.html">Action Menu Button Example Using <code>aria-activedescendant</code></a>:
-            A button that opens a menu of actions or commands where focus in the menu is managed using <code>aria-activedescendant</code>.
-          </li>
-        </ul>
-      </section>
-
-      <section>
-        <div class="example-header">
-          <h2 id="ex_label">Example</h2>
-        </div>
-
-        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
-
         <div id="example">
           <p>This <q>Print</q> action button uses a <code>div</code> element.</p>
           <div tabindex="0" role="button" id="action">Print Page</div>
@@ -81,145 +37,5 @@
             </defs>
           </svg>
         </div>
-
-        <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
-      </section>
-
-      <section>
-        <h2 id="kbd_label">Keyboard Support</h2>
-
-        <table aria-labelledby="kbd_label" class="def">
-          <thead>
-            <tr>
-              <th>Key</th>
-              <th>Function</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr data-test-id="key-enter">
-              <th><kbd>Enter</kbd></th>
-              <td>Activates the button.</td>
-            </tr>
-            <tr data-test-id="key-space">
-              <th><kbd>Space</kbd></th>
-              <td>Activates the button.</td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-
-      <section>
-        <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
-
-        <table aria-labelledby="rps_label" class="data attributes">
-          <thead>
-            <tr>
-              <th scope="col">Role</th>
-              <th scope="col">Attribute</th>
-              <th scope="col">Element</th>
-              <th scope="col">Usage</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr data-test-id="button-role">
-              <th scope="row"><code>button</code></th>
-              <td></td>
-              <td><code>div</code>, <code>a</code></td>
-              <td>
-                <ul>
-                  <li>Identifies the element as a <code>button</code> widget.</li>
-                  <li>Accessible name for the button is defined by the text content of the element.</li>
-                </ul>
-              </td>
-            </tr>
-            <tr data-test-id="button-tabindex">
-              <td></td>
-              <th scope="row">
-                <code>tabindex=&quot;0&quot;</code>
-              </th>
-              <td><code>div</code>, <code>a</code></td>
-              <td>
-                <ul>
-                  <li>Includes the element in the tab sequence.</li>
-                  <li>Needed on the <code>a</code> element because it does not have a <code>href</code> attribute.</li>
-                </ul>
-              </td>
-            </tr>
-            <tr data-test-id="button-aria-pressed">
-              <td></td>
-              <th scope="row"><code>aria-pressed=&quot;false&quot;</code></th>
-              <td><code>a</code></td>
-              <td>
-                <ul>
-                  <li>Identifies the button as a toggle button.</li>
-                  <li>Indicates the toggle button is not pressed.</li>
-                </ul>
-              </td>
-            </tr>
-            <tr data-test-id="button-aria-pressed">
-              <td></td>
-              <th scope="row"><code>aria-pressed=&quot;true&quot;</code></th>
-              <td><code>a</code></td>
-              <td>
-                <ul>
-                  <li>Identifies the button as a toggle button.</li>
-                  <li>Indicates the toggle button is pressed.</li>
-                </ul>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-
-      <section id="at-support">
-        <h2>Assistive Technology Support</h2>
-        <p><a href="../../../about/at-support-tables/at-support-tables.html">Learn how to interpret and use assistive technology support data</a></p>
-        <h3>Command Button</h3>
-        <iframe
-          class="support-levels-command-button"
-          src="https://aria-at.w3.org/embed/reports/apg/command-button"
-          height="100"
-          allow="clipboard-write"
-          style="border-style: none; width: 100%;">
-        </iframe>
-
-        <h3>Toggle Button</h3>
-        <iframe
-          class="support-levels-toggle-button"
-          src="https://aria-at.w3.org/embed/reports/apg/toggle-button"
-          height="100"
-          allow="clipboard-write"
-          style="border-style: none; width: 100%;">
-        </iframe>
-      </section>
-
-      <section>
-        <h2>JavaScript and CSS Source Code</h2>
-
-        <ul id="css_js_files">
-          <li>
-            CSS:
-            <a href="css/button.css" type="text/css">button.css</a>
-          </li>
-          <li>
-            JavaScript:
-            <a href="js/button.js" type="text/javascript">button.js</a>
-          </li>
-        </ul>
-      </section>
-
-      <section class="example-code">
-        <h2 id="sc1_label">HTML Source Code</h2>
-        <p id="sc1_description">To copy the following HTML code, please open it in CodePen.</p>
-        <div role="separator" id="sc1_start_sep" aria-labelledby="sc1_start_sep sc1_label" aria-label="Start of"></div>
-        <pre><code id="sc1"></code></pre>
-        <div role="separator" id="sc1_end_sep" aria-labelledby="sc1_end_sep sc1_label" aria-label="End of"></div>
-        <script>
-          sourceCode.add('sc1', 'example', 'ex_label', 'css_js_files', 'sc1_description');
-          sourceCode.make();
-        </script>
-      </section>
-
-    </main>
   </body>
 </html>

Role	Attribute	Element	Usage
`button`		`div`, `a`	- - Identifies the element as a `button` widget. - Accessible name for the button is defined by the text content of the element. - -
	- `tabindex="0"` -	`div`, `a`	- - Includes the element in the tab sequence. - Needed on the `a` element because it does not have a `href` attribute. - -
	`aria-pressed="false"`	`a`	- - Identifies the button as a toggle button. - Indicates the toggle button is not pressed. - -
	`aria-pressed="true"`	`a`	- - Identifies the button as a toggle button. - Indicates the toggle button is pressed. - -