diff --git a/content/patterns/menu-button/examples/menu-button-actions-active-descendant.html b/content/patterns/menu-button/examples/menu-button-actions-active-descendant.html
index 7fa45228ec..102fdf328c 100644
--- a/content/patterns/menu-button/examples/menu-button-actions-active-descendant.html
+++ b/content/patterns/menu-button/examples/menu-button-actions-active-descendant.html
@@ -213,7 +213,7 @@ <h3 id="rps1_label">Menu Button</h3>
             </tr>
             <tr data-test-id="button-aria-controls">
               <td></td>
-              <th scope="row"><code>aria-controls=&quot;IDREF&quot;</code></th>
+              <th scope="row"><code>aria-controls=&quot;ID_REFERENCE&quot;</code></th>
               <td>
                 <code>button</code>
               </td>
@@ -263,7 +263,7 @@ <h3 id="rps2_label">Menu</h3>
               <td>
                 <code></code>
               </td>
-              <th scope="row"><code>aria-labelledby=&quot;IDREF&quot;</code></th>
+              <th scope="row"><code>aria-labelledby=&quot;ID_REFERENCE&quot;</code></th>
               <td>
                 <code>ul</code>
               </td>
@@ -293,14 +293,14 @@ <h3 id="rps2_label">Menu</h3>
             </tr>
             <tr data-test-id="menu-aria-activedescendant">
               <td></td>
-              <th scope="row"><code>aria-activedescendant=&quot;IDREF&quot;</code></th>
+              <th scope="row"><code>aria-activedescendant=&quot;ID_REFERENCE&quot;</code></th>
               <td>
                 <code>ul</code>
               </td>
               <td>
                 <ul>
                   <li>Refers to the descendant <code>menuitem</code> element that is visually indicated as focused.</li>
-                  <li>The <code>IDREF</code> value is updated when keys that move the focus indicator among menu items are pressed.</li>
+                  <li>The <code>ID_REFERENCE</code> value is updated when keys that move the focus indicator among menu items are pressed.</li>
                   <li>Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the <code>ul</code> element with role <code>menu</code>.</li>
                   <li>
                     For more information about this focus management technique, see
diff --git a/content/patterns/menu-button/examples/menu-button-actions.html b/content/patterns/menu-button/examples/menu-button-actions.html
index 1710030505..a536cf14d5 100644
--- a/content/patterns/menu-button/examples/menu-button-actions.html
+++ b/content/patterns/menu-button/examples/menu-button-actions.html
@@ -214,7 +214,7 @@ <h3 id="rps1_label">Menu Button</h3>
             </tr>
             <tr data-test-id="menu-button-aria-controls">
               <td></td>
-              <th scope="row"><code>aria-controls=&quot;IDREF&quot;</code></th>
+              <th scope="row"><code>aria-controls=&quot;ID_REFERENCE&quot;</code></th>
               <td>
                 <code>button</code>
               </td>
@@ -264,7 +264,7 @@ <h3 id="rps2_label">Menu</h3>
               <td>
                 <code></code>
               </td>
-              <th scope="row"><code>aria-labelledby=&quot;IDREF&quot;</code></th>
+              <th scope="row"><code>aria-labelledby=&quot;ID_REFERENCE&quot;</code></th>
               <td>
                 <code>ul</code>
               </td>
diff --git a/content/patterns/menu-button/examples/menu-button-links.html b/content/patterns/menu-button/examples/menu-button-links.html
index e0fed69481..797db49a9a 100644
--- a/content/patterns/menu-button/examples/menu-button-links.html
+++ b/content/patterns/menu-button/examples/menu-button-links.html
@@ -224,7 +224,7 @@ <h3 id="rps1_label">Menu Button</h3>
             </tr>
             <tr data-test-id="button-aria-controls">
               <td></td>
-              <th scope="row"><code>aria-controls=&quot;IDREF&quot;</code></th>
+              <th scope="row"><code>aria-controls=&quot;ID_REFERENCE&quot;</code></th>
               <td>
                 <code>button</code>
               </td>
@@ -276,7 +276,7 @@ <h3 id="rps2_label">Menu</h3>
               <td>
                 <code></code>
               </td>
-              <th scope="row"><code>aria-labelledby=&quot;IDREF&quot;</code></th>
+              <th scope="row"><code>aria-labelledby=&quot;ID_REFERENCE&quot;</code></th>
               <td>
                 <code>ul</code>
               </td>