diff --git a/build/index.html b/build/index.html
index cf4f2ba8a..801fd2975 100644
--- a/build/index.html
+++ b/build/index.html
@@ -40,7 +40,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/checkbox/index.html">Index</a></td>
             <td><a href="./review/checkbox.html">Review</a></td>
             <td>26</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -48,7 +48,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/checkbox-tri-state/index.html">Index</a></td>
             <td><a href="./review/checkbox-tri-state.html">Review</a></td>
             <td>24</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -56,7 +56,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/combobox-autocomplete-both/index.html">Index</a></td>
             <td><a href="./review/combobox-autocomplete-both.html">Review</a></td>
             <td>30</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -64,7 +64,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/combobox-autocomplete-both-updated/index.html">Index</a></td>
             <td><a href="./review/combobox-autocomplete-both-updated.html">Review</a></td>
             <td>76</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -72,7 +72,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/combobox-select-only/index.html">Index</a></td>
             <td><a href="./review/combobox-select-only.html">Review</a></td>
             <td>38</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -80,14 +80,15 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/command-button/index.html">Index</a></td>
             <td><a href="./review/command-button.html">Review</a></td>
             <td>9</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/" target="_blank"></a></td>
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
+</a></td>
           </tr>
           <tr>
             <td>disclosure-faq</td>
             <td><a href="./tests/disclosure-faq/index.html">Index</a></td>
             <td><a href="./review/disclosure-faq.html">Review</a></td>
             <td>26</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -95,7 +96,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/disclosure-navigation/index.html">Index</a></td>
             <td><a href="./review/disclosure-navigation.html">Review</a></td>
             <td>46</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -103,7 +104,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/menu-button-actions/index.html">Index</a></td>
             <td><a href="./review/menu-button-actions.html">Review</a></td>
             <td>26</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -111,7 +112,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/menu-button-actions-active-descendant/index.html">Index</a></td>
             <td><a href="./review/menu-button-actions-active-descendant.html">Review</a></td>
             <td>26</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -119,7 +120,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/menubar-editor/index.html">Index</a></td>
             <td><a href="./review/menubar-editor.html">Review</a></td>
             <td>40</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -127,7 +128,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/minimal-data-grid/index.html">Index</a></td>
             <td><a href="./review/minimal-data-grid.html">Review</a></td>
             <td>55</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -135,7 +136,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/modal-dialog/index.html">Index</a></td>
             <td><a href="./review/modal-dialog.html">Review</a></td>
             <td>29</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -143,7 +144,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/radiogroup-aria-activedescendant/index.html">Index</a></td>
             <td><a href="./review/radiogroup-aria-activedescendant.html">Review</a></td>
             <td>39</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -151,7 +152,7 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/radiogroup-roving-tabindex/index.html">Index</a></td>
             <td><a href="./review/radiogroup-roving-tabindex.html">Review</a></td>
             <td>39</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
           <tr>
@@ -159,9 +160,16 @@ <h1>Test Patterns for Review</h1>
             <td><a href="./tests/tabs-manual-activation/index.html">Index</a></td>
             <td><a href="./review/tabs-manual-activation.html">Review</a></td>
             <td>29</td>
-            <td><a href="https://github.com/w3c/aria-at/commit/0d1c889" target="_blank">0d1c889 Merge branch &#39;master&#39; into tests&#x2F;command-button
+            <td><a href="https://github.com/w3c/aria-at/commit/9e7ca59" target="_blank">9e7ca59 Merge branch &#39;master&#39; into tests&#x2F;toggle-button
 </a></td>
           </tr>
+          <tr>
+            <td>toggle-button</td>
+            <td><a href="./tests/toggle-button/index.html">Index</a></td>
+            <td><a href="./review/toggle-button.html">Review</a></td>
+            <td>24</td>
+            <td><a href="https://github.com/w3c/aria-at/commit/" target="_blank"></a></td>
+          </tr>
     </table>
 
   </body>
diff --git a/build/review/checkbox-tri-state.html b/build/review/checkbox-tri-state.html
index ba13fff15..355f80b97 100644
--- a/build/review/checkbox-tri-state.html
+++ b/build/review/checkbox-tri-state.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a partially checked checkbox in reading mode</h
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-01-navigate-forwards-to-partially-checked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -756,7 +771,7 @@ <h2>Test 2: Navigate backwards to a partially checked checkbox in reading mode</
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-02-navigate-backwards-to-partially-checked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -838,7 +853,7 @@ <h2>Test 3: Navigate forwards to a partially checked checkbox in interaction mod
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-03-navigate-forwards-to-partially-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -914,7 +929,7 @@ <h2>Test 4: Navigate backwards to a partially checked checkbox in interaction mo
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-04-navigate-backwards-to-partially-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -990,7 +1005,7 @@ <h2>Test 5: Navigate forwards to a partially checked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-05-navigate-forwards-to-partially-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1041,7 +1056,7 @@ <h2>Test 6: Navigate backwards to a partially checked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-06-navigate-backwards-to-partially-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1092,7 +1107,7 @@ <h2>Test 7: Operate a partially checked checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-07-operate-partially-checked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -1163,7 +1178,7 @@ <h2>Test 8: Operate a partially checked checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-08-operate-partially-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -1234,7 +1249,7 @@ <h2>Test 9: Operate a partially checked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-09-operate-partially-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1281,7 +1296,7 @@ <h2>Test 10: Operate an unchecked checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-10-operate-unchecked-checked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -1353,7 +1368,7 @@ <h2>Test 11: Operate an unchecked checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-11-operate-unchecked-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -1425,7 +1440,7 @@ <h2>Test 12: Operate an unchecked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-12-operate-unchecked-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1473,7 +1488,7 @@ <h2>Test 13: Read a partially checked checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-13-read-partially-checked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -1551,7 +1566,7 @@ <h2>Test 14: Read a partially checked checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-14-read-partially-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -1629,7 +1644,7 @@ <h2>Test 15: Read a partially checked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-15-read-partially-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1679,7 +1694,7 @@ <h2>Test 16: Read grouping information of a grouped, partially checked checkbox
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-16-read-checkbox-group-reading.html?at=jaws">jaws</a></li>
@@ -1751,7 +1766,7 @@ <h2>Test 17: Read grouping information of a grouped, partially checked checkbox
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-17-read-checkbox-group-interaction.html?at=jaws">jaws</a></li>
@@ -1823,7 +1838,7 @@ <h2>Test 18: Read grouping information of a grouped, partially checked checkbox<
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-18-read-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1870,7 +1885,7 @@ <h2>Test 19: Navigate forwards into a checkbox group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-19-navigate-forwards-into-checkbox-group-reading.html?at=jaws">jaws</a></li>
@@ -1948,7 +1963,7 @@ <h2>Test 20: Navigate backwards out of a checkbox group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-20-navigate-backwards-out-of-checkbox-group-reading.html?at=jaws">jaws</a></li>
@@ -2022,7 +2037,7 @@ <h2>Test 21: Navigate forwards into a checkbox group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-21-navigate-forwards-into-checkbox-group-interaction.html?at=jaws">jaws</a></li>
@@ -2096,7 +2111,7 @@ <h2>Test 22: Navigate backwards out of a checkbox group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-22-navigate-backwards-out-of-checkbox-group-interaction.html?at=jaws">jaws</a></li>
@@ -2170,7 +2185,7 @@ <h2>Test 23: Navigate forwards into a checkbox group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-23-navigate-forwards-into-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2217,7 +2232,7 @@ <h2>Test 24: Navigate backwards out of a checkbox group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox-tri-state/test-24-navigate-backwards-out-of-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/checkbox.html b/build/review/checkbox.html
index 61bea236a..34fc96c67 100644
--- a/build/review/checkbox.html
+++ b/build/review/checkbox.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate to an unchecked checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-01-navigate-to-unchecked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -747,7 +762,7 @@ <h2>Test 2: Navigate to an unchecked checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-02-navigate-to-unchecked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -813,7 +828,7 @@ <h2>Test 3: Navigate to an unchecked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-03-navigate-to-unchecked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -859,7 +874,7 @@ <h2>Test 4: Navigate to a checked checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-04-navigate-to-checked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -942,7 +957,7 @@ <h2>Test 5: Navigate to a checked checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-05-navigate-to-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -1018,7 +1033,7 @@ <h2>Test 6: Navigate to a checked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-06-navigate-to-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1069,7 +1084,7 @@ <h2>Test 7: Operate a checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-07-operate-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -1132,7 +1147,7 @@ <h2>Test 8: Operate a checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-08-operate-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -1193,7 +1208,7 @@ <h2>Test 9: Operate a checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-09-operate-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1235,7 +1250,7 @@ <h2>Test 10: Read an unchecked checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-10-read-unchecked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -1313,7 +1328,7 @@ <h2>Test 11: Read an unchecked checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-11-read-unchecked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -1391,7 +1406,7 @@ <h2>Test 12: Read an unchecked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-12-read-unchecked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1441,7 +1456,7 @@ <h2>Test 13: Read a checked checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-13-read-checked-checkbox-reading.html?at=jaws">jaws</a></li>
@@ -1519,7 +1534,7 @@ <h2>Test 14: Read a checked checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-14-read-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
@@ -1597,7 +1612,7 @@ <h2>Test 15: Read a checked checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-15-read-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1647,7 +1662,7 @@ <h2>Test 16: Read grouping information of a grouped checkbox in reading mode</h2
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-16-read-checkbox-group-reading.html?at=jaws">jaws</a></li>
@@ -1711,7 +1726,7 @@ <h2>Test 17: Read grouping information of a grouped checkbox in interaction mode
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-17-read-checkbox-group-interaction.html?at=jaws">jaws</a></li>
@@ -1775,7 +1790,7 @@ <h2>Test 18: Read grouping information of a grouped checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-18-read-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1819,7 +1834,7 @@ <h2>Test 19: Navigate sequentially through a checkbox group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-19-navigate-sequentially-through-checkbox-group-reading.html?at=jaws">jaws</a></li>
@@ -1888,7 +1903,7 @@ <h2>Test 20: Navigate sequentially through a checkbox group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-20-navigate-sequentially-through-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1934,7 +1949,7 @@ <h2>Test 21: Navigate into a checkbox group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-21-navigate-into-checkbox-group-reading.html?at=jaws">jaws</a></li>
@@ -2011,7 +2026,7 @@ <h2>Test 22: Navigate into a checkbox group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-22-navigate-into-checkbox-group-interaction.html?at=jaws">jaws</a></li>
@@ -2080,7 +2095,7 @@ <h2>Test 23: Navigate into a checkbox group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-23-navigate-into-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2130,7 +2145,7 @@ <h2>Test 24: Navigate out of a checkbox group  in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-24-navigate-out-of-checkbox-group-reading.html?at=jaws">jaws</a></li>
@@ -2199,7 +2214,7 @@ <h2>Test 25: Navigate out of a checkbox group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-25-navigate-out-of-checkbox-group-interaction.html?at=jaws">jaws</a></li>
@@ -2268,7 +2283,7 @@ <h2>Test 26: Navigate out of a checkbox group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/checkbox/test-26-navigate-out-of-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/combobox-autocomplete-both-updated.html b/build/review/combobox-autocomplete-both-updated.html
index 6186a6186..45dd5385c 100644
--- a/build/review/combobox-autocomplete-both-updated.html
+++ b/build/review/combobox-autocomplete-both-updated.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to an empty, collapsed combobox in reading mode</h
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-01-navigate-forwards-to-empty-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -763,7 +778,7 @@ <h2>Test 2: Navigate backwards to an empty, collapsed combobox in reading mode</
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-02-navigate-backwards-to-empty-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -852,7 +867,7 @@ <h2>Test 3: Navigate forwards to an empty, collapsed combobox in interaction mod
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-03-navigate-forwards-to-empty-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -933,7 +948,7 @@ <h2>Test 4: Navigate backwards to an empty, collapsed combobox in interaction mo
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-04-navigate-backwards-to-empty-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1014,7 +1029,7 @@ <h2>Test 5: Navigate forwards to an empty, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-05-navigate-forwards-to-empty-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1068,7 +1083,7 @@ <h2>Test 6: Navigate backwards to an empty, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-06-navigate-backwards-to-empty-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1122,7 +1137,7 @@ <h2>Test 7: Read information about an empty, collapsed combobox in reading mode<
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-07-read-information-about-empty-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1205,7 +1220,7 @@ <h2>Test 8: Read information about an empty, collapsed combobox in interaction m
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-08-read-information-about-empty-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1286,7 +1301,7 @@ <h2>Test 9: Read information about an empty, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-09-read-information-about-empty-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1339,7 +1354,7 @@ <h2>Test 10: Navigate forwards to a filled in, collapsed combobox in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-10-navigate-forwards-to-filled-in-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1432,7 +1447,7 @@ <h2>Test 11: Navigate backwards to a filled in, collapsed combobox in reading mo
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-11-navigate-backwards-to-filled-in-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1525,7 +1540,7 @@ <h2>Test 12: Navigate forwards to a filled in, collapsed combobox in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-12-navigate-forwards-to-filled-in-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1610,7 +1625,7 @@ <h2>Test 13: Navigate backwards to a filled in, collapsed combobox in interactio
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-13-navigate-backwards-to-filled-in-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1695,7 +1710,7 @@ <h2>Test 14: Navigate forwards to a filled in, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-14-navigate-forwards-to-filled-in-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1751,7 +1766,7 @@ <h2>Test 15: Navigate backwards to a filled in, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-15-navigate-backwards-to-filled-in-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1807,7 +1822,7 @@ <h2>Test 16: Read information about a filled in, collapsed combobox in reading m
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-16-read-information-about-filled-in-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1894,7 +1909,7 @@ <h2>Test 17: Read information about a filled in, collapsed combobox in interacti
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-17-read-information-about-filled-in-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1979,7 +1994,7 @@ <h2>Test 18: Read information about a filled in, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-18-read-information-about-filled-in-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2034,7 +2049,7 @@ <h2>Test 19: Open an empty, collapsed combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-19-open-empty-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -2107,7 +2122,7 @@ <h2>Test 20: Open an empty, collapsed combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-20-open-empty-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -2180,7 +2195,7 @@ <h2>Test 21: Open an empty, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-21-open-empty-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2227,7 +2242,7 @@ <h2>Test 22: Open a filled in, collapsed combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-22-open-filled-in-collapsed-combobox-reading.html?at=jaws">jaws</a></li>
@@ -2300,7 +2315,7 @@ <h2>Test 23: Open a filled in, collapsed combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-23-open-filled-in-collapsed-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -2373,7 +2388,7 @@ <h2>Test 24: Open a filled in, collapsed combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-24-open-filled-in-collapsed-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2420,7 +2435,7 @@ <h2>Test 25: Open an empty, collapsed combobox by typing a character in interact
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-25-open-empty-collapsed-combobox-by-typing-character-interaction.html?at=jaws">jaws</a></li>
@@ -2495,7 +2510,7 @@ <h2>Test 26: Open an empty, collapsed combobox by typing a character</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-26-open-an-empty-collapsed-combobox-by-typing-character-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2543,7 +2558,7 @@ <h2>Test 27: Open a filled in, collapsed combobox by typing a character in inter
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-27-open-a-filled-in-collapsed-combobox-by-typing-character-interaction.html?at=jaws">jaws</a></li>
@@ -2618,7 +2633,7 @@ <h2>Test 28: Open a filled in, collapsed combobox by typing a character</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-28-open-filled-in-collapsed-combobox-by-typing-character-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2666,7 +2681,7 @@ <h2>Test 29: Read information about an empty, expanded combobox in reading mode<
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-29-read-information-about-empty-expanded-combobox-reading.html?at=jaws">jaws</a></li>
@@ -2749,7 +2764,7 @@ <h2>Test 30: Read information about an empty, expanded combobox in interaction m
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-30-read-information-about-empty-expanded-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -2830,7 +2845,7 @@ <h2>Test 31: Read information about an empty, expanded combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-31-read-information-about-empty-expanded-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2883,7 +2898,7 @@ <h2>Test 32: Read information about a filled in, expanded combobox in reading mo
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-32-read-information-about-filled-in-expanded-combobox-reading.html?at=jaws">jaws</a></li>
@@ -2970,7 +2985,7 @@ <h2>Test 33: Read information about a filled in, expanded combobox in interactio
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-33-read-information-about-filled-in-expanded-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -3055,7 +3070,7 @@ <h2>Test 34: Read information about a filled in, expanded combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-34-read-information-about-filled-in-expanded-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3110,7 +3125,7 @@ <h2>Test 35: Narrow down the matching options in an empty, expanded combobox in
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-35-narrow-down-matching-options-in-empty-expanded-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -3182,7 +3197,7 @@ <h2>Test 36: Narrow down the matching options in an empty, expanded combobox</h2
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-36-narrow-down-matching-options-in-empty-expanded-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3228,7 +3243,7 @@ <h2>Test 37: Narrow down the matching options in a filled in, expanded combobox
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-37-narrow-down-matching-options-in-filled-in-expanded-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -3300,7 +3315,7 @@ <h2>Test 38: Narrow down the matching options in a filled in, expanded combobox<
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-38-narrow-down-matching-options-in-filled-in-expanded-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3346,7 +3361,7 @@ <h2>Test 39: Close an empty combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-39-close-empty-combobox-reading.html?at=jaws">jaws</a></li>
@@ -3417,7 +3432,7 @@ <h2>Test 40: Close an empty combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-40-close-empty-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -3490,7 +3505,7 @@ <h2>Test 41: Close an empty combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-41-close-empty-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3537,7 +3552,7 @@ <h2>Test 42: Close a filled in combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-42-close-filled-in-combobox-reading.html?at=jaws">jaws</a></li>
@@ -3608,7 +3623,7 @@ <h2>Test 43: Close a filled in combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-43-close-filled-in-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -3681,7 +3696,7 @@ <h2>Test 44: Close a filled in combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-44-close-filled-in-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3728,7 +3743,7 @@ <h2>Test 45: Navigate from an empty, collapsed combobox to the first option in a
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-45-navigate-from-empty-collapsed-combobox-to-first-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -3815,7 +3830,7 @@ <h2>Test 46: Navigate from an empty, collapsed combobox to the first option in a
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-46-navigate-from-empty-collapsed-combobox-to-first-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3871,7 +3886,7 @@ <h2>Test 47: Navigate from an empty, collapsed combobox to the last option in a
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-47-navigate-from-empty-collapsed-combobox-to-last-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -3956,7 +3971,7 @@ <h2>Test 48: Navigate from an empty, collapsed combobox to the last option in a
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-48-navigate-from-empty-collapsed-combobox-to-last-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4011,7 +4026,7 @@ <h2>Test 49: Navigate from a filled in, collapsed combobox to the first option i
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-49-navigate-from-filled-in-collapsed-combobox-to-first-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -4098,7 +4113,7 @@ <h2>Test 50: Navigate from a filled in, collapsed combobox to the first option i
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-50-navigate-from-filled-in-collapsed-combobox-to-first-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4154,7 +4169,7 @@ <h2>Test 51: Navigate from a filled in, collapsed combobox to the last option in
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-51-navigate-from-filled-in-collapsed-combobox-to-last-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -4241,7 +4256,7 @@ <h2>Test 52: Navigate from a filled in, collapsed combobox to the last option in
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-52-navigate-from-filled-in-collapsed-combobox-to-last-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4297,7 +4312,7 @@ <h2>Test 53: Navigate from an empty, expanded combobox to the first option in a
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-53-navigate-from-empty-expanded-combobox-to-first-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -4382,7 +4397,7 @@ <h2>Test 54: Navigate from an empty, expanded combobox to the first option in a
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-54-navigate-from-an-empty-expanded-combobox-to-first-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4437,7 +4452,7 @@ <h2>Test 55: Navigate from an empty, expanded combobox to the last option in a l
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-55-navigate-from-empty-expanded-combobox-to-last-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -4522,7 +4537,7 @@ <h2>Test 56: Navigate from an empty, expanded combobox to the last option in a l
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-56-navigate-from-empty-expanded-combobox-to-last-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4577,7 +4592,7 @@ <h2>Test 57: Navigate from a filled in, expanded combobox to the first option in
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-57-navigate-from-filled-in-expanded-combobox-to-first-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -4662,7 +4677,7 @@ <h2>Test 58: Navigate from a filled in, expanded combobox to the first option in
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-58-navigate-from-filled-in-expanded-combobox-to-first-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4717,7 +4732,7 @@ <h2>Test 59: Navigate from a filled in, expanded combobox to the last option in
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-59-navigate-from-filled-in-expanded-combobox-to-last-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -4802,7 +4817,7 @@ <h2>Test 60: Navigate from a filled in, expanded combobox to the last option in
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-60-navigate-from-filled-in-expanded-combobox-to-last-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4857,7 +4872,7 @@ <h2>Test 61: Navigate to the next option in a listbox popup in interaction mode<
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-61-navigate-to-next-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -4944,7 +4959,7 @@ <h2>Test 62: Navigate to the next option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-62-navigate-to-next-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -5001,7 +5016,7 @@ <h2>Test 63: Navigate to the  previous option in a listbox popup in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-63-navigate-to-previous-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -5088,7 +5103,7 @@ <h2>Test 64: Navigate to the  previous option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-64-navigate-to-previous-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -5145,7 +5160,7 @@ <h2>Test 65: Read information about a listbox popup in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-65-read-information-about-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -5229,7 +5244,7 @@ <h2>Test 66: Read information about a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-66-read-information-about-a-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -5284,7 +5299,7 @@ <h2>Test 67: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-67-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-right-interaction.html?at=jaws">jaws</a></li>
@@ -5369,7 +5384,7 @@ <h2>Test 68: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-68-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-left-interaction.html?at=jaws">jaws</a></li>
@@ -5454,7 +5469,7 @@ <h2>Test 69: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-69-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-right-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -5508,7 +5523,7 @@ <h2>Test 70: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-70-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-left-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -5562,7 +5577,7 @@ <h2>Test 71: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-71-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-end-of-textbox-interaction.html?at=jaws">jaws</a></li>
@@ -5647,7 +5662,7 @@ <h2>Test 72: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-72-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-beginning-of-textbox-interaction.html?at=jaws">jaws</a></li>
@@ -5732,7 +5747,7 @@ <h2>Test 73: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-73-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-end-of-textbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -5786,7 +5801,7 @@ <h2>Test 74: Navigate out of a listbox popup by moving the editing cursor to the
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-74-navigate-out-of-listbox-popup-by-moving-editing-cursor-to-beginning-of-textbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -5840,7 +5855,7 @@ <h2>Test 75: Select an option in a listbox popup in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-75-select-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -5926,7 +5941,7 @@ <h2>Test 76: Select an option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both-updated/test-76-select-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/combobox-autocomplete-both.html b/build/review/combobox-autocomplete-both.html
index 8b21dee64..d5ec8aa25 100644
--- a/build/review/combobox-autocomplete-both.html
+++ b/build/review/combobox-autocomplete-both.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate to empty, editable combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-01-navigate-to-combobox-reading.html?at=jaws">jaws</a></li>
@@ -744,7 +759,7 @@ <h2>Test 2: Navigate sequentially to empty, editable combobox in reading mode</h
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-02-navigate-by-line-to-combobox-reading.html?at=jaws">jaws</a></li>
@@ -810,7 +825,7 @@ <h2>Test 3: Navigate to empty, editable combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-03-navigate-to-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -876,7 +891,7 @@ <h2>Test 4: Read empty, editable combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-04-read-combobox-reading.html?at=jaws">jaws</a></li>
@@ -942,7 +957,7 @@ <h2>Test 5: Read empty, editable combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-05-read-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1008,7 +1023,7 @@ <h2>Test 6: Navigate to filled, editable, collapsed  combobox in reading mode</h
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-06-navigate-to-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1090,7 +1105,7 @@ <h2>Test 7: Navigate to filled, editable, collapsed  combobox in interaction mod
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-07-navigate-to-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1168,7 +1183,7 @@ <h2>Test 8: Read filled, editable, collapsed combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-08-read-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1246,7 +1261,7 @@ <h2>Test 9: Read filled, editable, collapsed combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-09-read-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1324,7 +1339,7 @@ <h2>Test 10: Navigate to filled, editable, expanded combobox in reading mode</h2
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-10-navigate-to-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1406,7 +1421,7 @@ <h2>Test 11: Navigate sequentially to filled, editable, expanded combobox in rea
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-11-navigate-by-line-to-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1474,7 +1489,7 @@ <h2>Test 12: Navigate to filled, editable, expanded combobox in interaction mode
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-12-navigate-to-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1552,7 +1567,7 @@ <h2>Test 13: Read filled, editable, expanded combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-13-read-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1630,7 +1645,7 @@ <h2>Test 14: Read filled, editable, expanded combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-14-read-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1708,7 +1723,7 @@ <h2>Test 15: Navigate to editable combobox with commands that switch mode from r
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-15-navigate-to-combobox-with-keys-that-switch-modes-reading.html?at=jaws">jaws</a></li>
@@ -1768,7 +1783,7 @@ <h2>Test 16: Activate editable combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-16-activate-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1838,7 +1853,7 @@ <h2>Test 17: Open combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-17-open-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1912,7 +1927,7 @@ <h2>Test 18: Close combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-18-close-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1982,7 +1997,7 @@ <h2>Test 19: Open combobox with 'States' button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-19-activate-states-button-reading.html?at=jaws">jaws</a></li>
@@ -2050,7 +2065,7 @@ <h2>Test 20: Open combobox with 'States' button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-20-activate-states-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2093,7 +2108,7 @@ <h2>Test 21: Close combobox with 'States' button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-21-activate-states-button-reading.html?at=jaws">jaws</a></li>
@@ -2165,7 +2180,7 @@ <h2>Test 22: Close combobox with 'States' button in reading mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-22-activate-states-button-interaction.html?at=jaws">jaws</a></li>
@@ -2235,7 +2250,7 @@ <h2>Test 23: Navigate into popup from empty combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-23-navigate-into-popup-from-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -2313,7 +2328,7 @@ <h2>Test 24: Type portion of valid value in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-24-type-in-empty-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -2389,7 +2404,7 @@ <h2>Test 25: Navigate options in popup in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-25-navigate-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2465,7 +2480,7 @@ <h2>Test 26: Read popup item in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-26-read-option-in-listbox-popup-reading.html?at=jaws">jaws</a></li>
@@ -2540,7 +2555,7 @@ <h2>Test 27: Read popup item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-27-read-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2615,7 +2630,7 @@ <h2>Test 28: Activate option in popup in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-28-choose-combobox-option-interaction.html?at=jaws">jaws</a></li>
@@ -2693,7 +2708,7 @@ <h2>Test 29: Cancel option selection in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-29-cancel-selection-interaction.html?at=jaws">jaws</a></li>
@@ -2771,7 +2786,7 @@ <h2>Test 30: Initiate caret movement from listbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-autocomplete-both/test-30-initiate-caret-movement-from-listbox-interaction.html?at=jaws">jaws</a></li>
diff --git a/build/review/combobox-select-only.html b/build/review/combobox-select-only.html
index 88afd1a7a..591a92664 100644
--- a/build/review/combobox-select-only.html
+++ b/build/review/combobox-select-only.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a collapsed select-only combobox in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-01-navigate-forwards-to-collapsed-select-only-combobox-reading.html?at=jaws">jaws</a></li>
@@ -759,7 +774,7 @@ <h2>Test 2: Navigate backwards to a collapsed select-only combobox in reading mo
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-02-navigate-backwards-to-collapsed-select-only-combobox-reading.html?at=jaws">jaws</a></li>
@@ -844,7 +859,7 @@ <h2>Test 3: Navigate forwards to a collapsed select-only combobox in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-03-navigate-forwards-to-collapsed-select-only-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -923,7 +938,7 @@ <h2>Test 4: Navigate backwards to a collapsed select-only combobox in interactio
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-04-navigate-backwards-to-collapsed-select-only-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1002,7 +1017,7 @@ <h2>Test 5: Navigate forwards to a collapsed select-only combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-05-navigate-forwards-to-collapsed-select-only-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1055,7 +1070,7 @@ <h2>Test 6: Navigate backwards to a collapsed select-only combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-06-navigate-backwards-to-collapsed-select-only-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1108,7 +1123,7 @@ <h2>Test 7: Read information about a collapsed select-only combobox in reading m
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-07-read-information-about-collapsed-select-only-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1189,7 +1204,7 @@ <h2>Test 8: Read information about a collapsed select-only combobox in interacti
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-08-read-information-about-collapsed-select-only-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1268,7 +1283,7 @@ <h2>Test 9: Read information about a collapsed select-only combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-09-read-information-about-collapsed-select-only-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1320,7 +1335,7 @@ <h2>Test 10: Open a collapsed select-only combobox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-10-open-collapsed-select-only-combobox-reading.html?at=jaws">jaws</a></li>
@@ -1407,7 +1422,7 @@ <h2>Test 11: Open a collapsed select-only combobox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-11-open-collapsed-select-only-combobox-interaction.html?at=jaws">jaws</a></li>
@@ -1502,7 +1517,7 @@ <h2>Test 12: Open a collapsed select-only combobox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-12-open-collapsed-select-only-combobox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1563,7 +1578,7 @@ <h2>Test 13: Open a collapsed select-only combobox to the first option in intera
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-13-open-collapsed-select-only-combobox-to-first-option-interaction.html?at=jaws">jaws</a></li>
@@ -1650,7 +1665,7 @@ <h2>Test 14: Open a collapsed select-only combobox to the first option</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-14-open-collapsed-select-only-combobox-to-first-option-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1706,7 +1721,7 @@ <h2>Test 15: Open a collapsed select-only combobox to a specific option in inter
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-15-open-collapsed-select-only-combobox-to-specific-option-interaction.html?at=jaws">jaws</a></li>
@@ -1793,7 +1808,7 @@ <h2>Test 16: Open a collapsed select-only combobox to a specific option</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-16-open-collapsed-select-only-combobox-to-specific-option-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1849,7 +1864,7 @@ <h2>Test 17: Open a collapsed select-only combobox to the last option in interac
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-17-open-collapsed-select-only-combobox-to-last-option-interaction.html?at=jaws">jaws</a></li>
@@ -1936,7 +1951,7 @@ <h2>Test 18: Open a collapsed select-only combobox to the last option</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-18-open-collapsed-select-only-combobox-to-last-option-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1992,7 +2007,7 @@ <h2>Test 19: Read information about a listbox popup in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-19-read-information-about-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2076,7 +2091,7 @@ <h2>Test 20: Read information about a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-20-read-information-about-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2131,7 +2146,7 @@ <h2>Test 21: Navigate forwards to an option in a listbox popup in interaction mo
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-21-navigate-forwards-to-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2209,7 +2224,7 @@ <h2>Test 22: Navigate backwards to an option in a listbox popup in interaction m
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-22-navigate-backwards-to-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2287,7 +2302,7 @@ <h2>Test 23: Navigate forwards to an option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-23-navigate-forwards-to-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2339,7 +2354,7 @@ <h2>Test 24: Navigate backwards to an option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-24-navigate-backwards-to-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2391,7 +2406,7 @@ <h2>Test 25: Navigate to a specific option in a listbox popup in interaction mod
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-25-navigate-to-specific-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2469,7 +2484,7 @@ <h2>Test 26: Navigate to a specific option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-26-navigate-to-specific-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2519,7 +2534,7 @@ <h2>Test 27: Navigate to the first option in a listbox popup in interaction mode
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-27-navigate-to-first-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2597,7 +2612,7 @@ <h2>Test 28: Navigate to the last option in a listbox popup in interaction mode<
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-28-navigate-to-last-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2675,7 +2690,7 @@ <h2>Test 29: Navigate to the first option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-29-navigate-to-first-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2725,7 +2740,7 @@ <h2>Test 30: Navigate to the last option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-30-navigate-to-last-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2775,7 +2790,7 @@ <h2>Test 31: Navigate forwards by ten options in a listbox popup in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-31-navigate-forwards-by-ten-options-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2853,7 +2868,7 @@ <h2>Test 32: Navigate backwards by ten options in a listbox popup in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-32-navigate-backwards-by-ten-options-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -2931,7 +2946,7 @@ <h2>Test 33: Navigate forwards by ten options in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-33-navigate-forwards-by-ten-options-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2981,7 +2996,7 @@ <h2>Test 34: Navigate backwards by ten options in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-34-navigate-backwards-by-ten-options-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3031,7 +3046,7 @@ <h2>Test 35: Select an option in a listbox popup in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-35-select-option-in-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -3114,7 +3129,7 @@ <h2>Test 36: Select an option in a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-36-select-option-in-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3168,7 +3183,7 @@ <h2>Test 37: Close a listbox popup in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-37-close-listbox-popup-interaction.html?at=jaws">jaws</a></li>
@@ -3247,7 +3262,7 @@ <h2>Test 38: Close a listbox popup</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/combobox-select-only/test-38-close-listbox-popup-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/command-button.html b/build/review/command-button.html
index 83975551d..6d63bc899 100644
--- a/build/review/command-button.html
+++ b/build/review/command-button.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-01-navigate-forwards-to-button-reading.html?at=jaws">jaws</a></li>
@@ -753,7 +768,7 @@ <h2>Test 2: Navigate backwards to a button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-02-navigate-backwards-to-button-reading.html?at=jaws">jaws</a></li>
@@ -832,7 +847,7 @@ <h2>Test 3: Navigate forwards to a button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-03-navigate-forwards-to-button-interaction.html?at=jaws">jaws</a></li>
@@ -905,7 +920,7 @@ <h2>Test 4: Navigate backwards to a button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-04-navigate-backwards-to-button-interaction.html?at=jaws">jaws</a></li>
@@ -978,7 +993,7 @@ <h2>Test 5: Navigate forwards to a button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-05-navigate-forwards-to-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1027,7 +1042,7 @@ <h2>Test 6: Navigate backwards to a button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-06-navigate-backwards-to-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1076,7 +1091,7 @@ <h2>Test 7: Read information about a button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-07-read-information-about-button-reading.html?at=jaws">jaws</a></li>
@@ -1151,7 +1166,7 @@ <h2>Test 8: Read information about a button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-08-read-information-about-button-interaction.html?at=jaws">jaws</a></li>
@@ -1226,7 +1241,7 @@ <h2>Test 9: Read information about a button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: </li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/command-button/test-09-read-information-about-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/disclosure-faq.html b/build/review/disclosure-faq.html
index 9b65b137d..81d72ff78 100644
--- a/build/review/disclosure-faq.html
+++ b/build/review/disclosure-faq.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a collapsed disclosure button in reading mode</
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-01-navigate-forwards-to-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -755,7 +770,7 @@ <h2>Test 2: Navigate backwards to a collapsed disclosure button in reading mode<
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-02-navigate-backwards-to-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -836,7 +851,7 @@ <h2>Test 3: Navigate forwards to a collapsed disclosure button in interaction mo
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-03-navigate-forwards-to-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -911,7 +926,7 @@ <h2>Test 4: Navigate backwards to a collapsed disclosure button in interaction m
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-04-navigate-backwards-to-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -986,7 +1001,7 @@ <h2>Test 5: Navigate forwards to a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-05-navigate-forwards-to-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1036,7 +1051,7 @@ <h2>Test 6: Navigate backwards to a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-06-navigate-backwards-to-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1086,7 +1101,7 @@ <h2>Test 7: Navigate forwards to an expanded disclosure button in reading mode</
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-07-navigate-forwards-to-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1167,7 +1182,7 @@ <h2>Test 8: Navigate backwards to an expanded disclosure button in reading mode<
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-08-navigate-backwards-to-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1248,7 +1263,7 @@ <h2>Test 9: Navigate forwards to an expanded disclosure button in interaction mo
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-09-navigate-forwards-to-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1323,7 +1338,7 @@ <h2>Test 10: Navigate backwards to an expanded disclosure button in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-10-navigate-backwards-to-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1398,7 +1413,7 @@ <h2>Test 11: Navigate forwards to an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-11-navigate-forwards-to-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1448,7 +1463,7 @@ <h2>Test 12: Navigate backwards to an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-12-navigate-backwards-to-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1498,7 +1513,7 @@ <h2>Test 13: Read information about a collapsed disclosure button in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-13-read-information-about-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1575,7 +1590,7 @@ <h2>Test 14: Read information about a collapsed disclosure button in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-14-read-information-about-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1650,7 +1665,7 @@ <h2>Test 15: Read information about a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-15-read-information-about-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1699,7 +1714,7 @@ <h2>Test 16: Read information about an expanded disclosure button in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-16-read-information-about-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1776,7 +1791,7 @@ <h2>Test 17: Read information about an expanded disclosure button in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-17-read-information-about-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1851,7 +1866,7 @@ <h2>Test 18: Read information about an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-18-read-information-about-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1900,7 +1915,7 @@ <h2>Test 19: Operate a collapsed disclosure button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-19-operate-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1973,7 +1988,7 @@ <h2>Test 20: Operate a collapsed disclosure button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-20-operate-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -2046,7 +2061,7 @@ <h2>Test 21: Operate a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-21-operate-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2094,7 +2109,7 @@ <h2>Test 22: Operate an expanded disclosure button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-22-operate-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -2167,7 +2182,7 @@ <h2>Test 23: Operate an expanded disclosure button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-23-operate-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -2240,7 +2255,7 @@ <h2>Test 24: Operate an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-24-operate-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2288,7 +2303,7 @@ <h2>Test 25: Navigate from an expanded disclosure button to the text of a questi
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-25-navigate-from-expanded-disclosure-button-to-text-of-question-answer-reading.html?at=jaws">jaws</a></li>
@@ -2359,7 +2374,7 @@ <h2>Test 26: Navigate from an expanded disclosure button to the text of a questi
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-faq/test-26-navigate-from-expanded-disclosure-button-to-text-of-question-answer-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/disclosure-navigation.html b/build/review/disclosure-navigation.html
index eedb79725..62ddaf1a3 100644
--- a/build/review/disclosure-navigation.html
+++ b/build/review/disclosure-navigation.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a collapsed disclosure button in reading mode</
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-01-navigate-forwards-to-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -755,7 +770,7 @@ <h2>Test 2: Navigate backwards to a collapsed disclosure button in reading mode<
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-02-navigate-backwards-to-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -836,7 +851,7 @@ <h2>Test 3: Navigate forwards to a collapsed disclosure button in interaction mo
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-03-navigate-forwards-to-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -911,7 +926,7 @@ <h2>Test 4: Navigate backwards to a collapsed disclosure button in interaction m
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-04-navigate-backwards-to-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -992,7 +1007,7 @@ <h2>Test 5: Navigate forwards to a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-05-navigate-forwards-to-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1042,7 +1057,7 @@ <h2>Test 6: Navigate backwards to a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-06-navigate-backwards-to-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1092,7 +1107,7 @@ <h2>Test 7: Navigate forwards to an expanded disclosure button in reading mode</
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-07-navigate-forwards-to-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1173,7 +1188,7 @@ <h2>Test 8: Navigate backwards to an expanded disclosure button in reading mode<
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-08-navigate-backwards-to-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1254,7 +1269,7 @@ <h2>Test 9: Navigate forwards to an expanded disclosure button in interaction mo
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-09-navigate-forwards-to-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1329,7 +1344,7 @@ <h2>Test 10: Navigate backwards to an expanded disclosure button in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-10-navigate-backwards-to-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1410,7 +1425,7 @@ <h2>Test 11: Navigate forwards to an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-11-navigate-forwards-to-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1459,7 +1474,7 @@ <h2>Test 12: Navigate backwards to an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-12-navigate-backwards-to-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1509,7 +1524,7 @@ <h2>Test 13: Read information about a collapsed disclosure button in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-13-read-information-about-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1586,7 +1601,7 @@ <h2>Test 14: Read information about a collapsed disclosure button in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-14-read-information-about-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1661,7 +1676,7 @@ <h2>Test 15: Read information about a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-15-read-information-about-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1710,7 +1725,7 @@ <h2>Test 16: Read information about an expanded disclosure button in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-16-read-information-about-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1787,7 +1802,7 @@ <h2>Test 17: Read information about an expanded disclosure button in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-17-read-information-about-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -1862,7 +1877,7 @@ <h2>Test 18: Read information about an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-18-read-information-about-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1911,7 +1926,7 @@ <h2>Test 19: Operate a collapsed disclosure button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-19-operate-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -1984,7 +1999,7 @@ <h2>Test 20: Operate a collapsed disclosure button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-20-operate-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -2057,7 +2072,7 @@ <h2>Test 21: Operate a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-21-operate-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2105,7 +2120,7 @@ <h2>Test 22: Operate an expanded disclosure button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-22-operate-expanded-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -2178,7 +2193,7 @@ <h2>Test 23: Operate an expanded disclosure button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-23-operate-expanded-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -2251,7 +2266,7 @@ <h2>Test 24: Operate an expanded disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-24-operate-expanded-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2299,7 +2314,7 @@ <h2>Test 25: Navigate from an expanded disclosure button to a link in the associ
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-25-navigate-from-expanded-disclosure-button-to-link-in-dropdown-reading.html?at=jaws">jaws</a></li>
@@ -2380,7 +2395,7 @@ <h2>Test 26: Navigate from an expanded disclosure button to a link in the associ
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-26-navigate-from-expanded-disclosure-button-to-link-in-dropdown-interaction.html?at=jaws">jaws</a></li>
@@ -2458,7 +2473,7 @@ <h2>Test 27: Navigate from an expanded disclosure button to a link in the associ
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-27-navigate-from-expanded-disclosure-button-to-link-in-dropdown-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2509,7 +2524,7 @@ <h2>Test 28: Navigate from an expanded disclosure button to the current page lin
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-28-navigate-from-expanded-disclosure-button-to-current-page-link-reading.html?at=jaws">jaws</a></li>
@@ -2593,7 +2608,7 @@ <h2>Test 29: Navigate from an expanded disclosure button to the current page lin
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-29-navigate-from-expanded-disclosure-button-to-current-page-link-interaction.html?at=jaws">jaws</a></li>
@@ -2674,7 +2689,7 @@ <h2>Test 30: Navigate from an expanded disclosure button to the current page lin
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-30-navigate-from-expanded-disclosure-button-to-current-page-link-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2727,7 +2742,7 @@ <h2>Test 31: Navigate from a dropdown to a collapsed disclosure button in readin
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-31-navigate-from-dropdown-to-collapsed-disclosure-button-reading.html?at=jaws">jaws</a></li>
@@ -2802,7 +2817,7 @@ <h2>Test 32: Navigate from a dropdown to a collapsed disclosure button in intera
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-32-navigate-from-dropdown-to-collapsed-disclosure-button-interaction.html?at=jaws">jaws</a></li>
@@ -2877,7 +2892,7 @@ <h2>Test 33: Navigate from a dropdown to a collapsed disclosure button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-33-navigate-from-dropdown-to-collapsed-disclosure-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2925,7 +2940,7 @@ <h2>Test 34: Navigate forwards to a link in a dropdown in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-34-navigate-forwards-to-link-in-dropdown-reading.html?at=jaws">jaws</a></li>
@@ -3002,7 +3017,7 @@ <h2>Test 35: Navigate backwards to a link in a dropdown in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-35-navigate-backwards-to-link-in-dropdown-reading.html?at=jaws">jaws</a></li>
@@ -3079,7 +3094,7 @@ <h2>Test 36: Navigate forwards to a link in a dropdown in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-36-navigate-forwards-to-link-in-dropdown-interaction.html?at=jaws">jaws</a></li>
@@ -3155,7 +3170,7 @@ <h2>Test 37: Navigate backwards to a link in a dropdown in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-37-navigate-backwards-to-link-in-dropdown-interaction.html?at=jaws">jaws</a></li>
@@ -3231,7 +3246,7 @@ <h2>Test 38: Navigate forwards to a link in a dropdown</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-38-navigate-forwards-to-link-in-dropdown-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3281,7 +3296,7 @@ <h2>Test 39: Navigate backwards to a link in a dropdown</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-39-navigate-backwards-to-link-in-dropdown-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3331,7 +3346,7 @@ <h2>Test 40: Navigate to the first link in a dropdown in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-40-navigate-to-first-link-in-dropdown-interaction.html?at=jaws">jaws</a></li>
@@ -3403,7 +3418,7 @@ <h2>Test 41: Navigate to the last link in a dropdown in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-41-navigate-to-last-link-in-dropdown-interaction.html?at=jaws">jaws</a></li>
@@ -3475,7 +3490,7 @@ <h2>Test 42: Navigate to the first link in a dropdown</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-42-navigate-to-first-link-in-dropdown-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3521,7 +3536,7 @@ <h2>Test 43: Navigate to the last link in a dropdown</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-43-navigate-to-last-link-in-dropdown-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3567,7 +3582,7 @@ <h2>Test 44: Activate a link in a dropdown in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-44-activate-link-in-dropdown-reading.html?at=jaws">jaws</a></li>
@@ -3643,7 +3658,7 @@ <h2>Test 45: Activate a link in a dropdown in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-45-activate-link-in-dropdown-interaction.html?at=jaws">jaws</a></li>
@@ -3719,7 +3734,7 @@ <h2>Test 46: Activate a link in a dropdown</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/disclosure-navigation/test-46-activate-link-in-dropdown-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/menu-button-actions-active-descendant.html b/build/review/menu-button-actions-active-descendant.html
index ca4c41e04..fd0f36b35 100644
--- a/build/review/menu-button-actions-active-descendant.html
+++ b/build/review/menu-button-actions-active-descendant.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a menu button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-01-navigate-forwards-to-menu-button-reading.html?at=jaws">jaws</a></li>
@@ -753,7 +768,7 @@ <h2>Test 2: Navigate backwards to a menu button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-02-navigate-backwards-to-menu-button-reading.html?at=jaws">jaws</a></li>
@@ -832,7 +847,7 @@ <h2>Test 3: Navigate forwards to a menu button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-03-navigate-forwards-to-menu-button-interaction.html?at=jaws">jaws</a></li>
@@ -905,7 +920,7 @@ <h2>Test 4: Navigate backwards to a menu button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-04-navigate-backwards-to-menu-button-interaction.html?at=jaws">jaws</a></li>
@@ -978,7 +993,7 @@ <h2>Test 5: Navigate forwards to a menu button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-05-navigate-forwards-to-menu-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1027,7 +1042,7 @@ <h2>Test 6: Navigate backwards to a menu button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-06-navigate-backwards-to-menu-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1076,7 +1091,7 @@ <h2>Test 7: Read information about a menu button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-07-read-information-about-menu-button-reading.html?at=jaws">jaws</a></li>
@@ -1151,7 +1166,7 @@ <h2>Test 8: Read information about a menu button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-08-read-information-about-menu-button-interaction.html?at=jaws">jaws</a></li>
@@ -1226,7 +1241,7 @@ <h2>Test 9: Read information about a menu button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-09-read-information-about-menu-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1274,7 +1289,7 @@ <h2>Test 10: Open a menu in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-10-open-menu-reading.html?at=jaws">jaws</a></li>
@@ -1360,7 +1375,7 @@ <h2>Test 11: Open a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-11-open-menu-interaction.html?at=jaws">jaws</a></li>
@@ -1448,7 +1463,7 @@ <h2>Test 12: Open a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-12-open-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1504,7 +1519,7 @@ <h2>Test 13: Open a menu to the last item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-13-open-menu-to-last-item-interaction.html?at=jaws">jaws</a></li>
@@ -1588,7 +1603,7 @@ <h2>Test 14: Open a menu to the last item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-14-open-menu-to-last-item-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1642,7 +1657,7 @@ <h2>Test 15: Read information about a menu item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-15-read-information-about-menu-item-interaction.html?at=jaws">jaws</a></li>
@@ -1722,7 +1737,7 @@ <h2>Test 16: Read information about a menu item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-16-read-information-about-menu-item-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1773,7 +1788,7 @@ <h2>Test 17: Navigate to the first item in a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-17-navigate-to-first-item-in-menu-interaction.html?at=jaws">jaws</a></li>
@@ -1853,7 +1868,7 @@ <h2>Test 18: Navigate to the first item in a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-18-navigate-to-first-item-in-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1904,7 +1919,7 @@ <h2>Test 19: Navigate to the last item in a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-19-navigate-to-last-item-in-menu-interaction.html?at=jaws">jaws</a></li>
@@ -1984,7 +1999,7 @@ <h2>Test 20: Navigate to the last item in a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-20-navigate-to-last-item-in-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2035,7 +2050,7 @@ <h2>Test 21: Navigate to an item in a menu by typing a character in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-21-navigate-to-item-in-menu-by-typing-character-interaction.html?at=jaws">jaws</a></li>
@@ -2113,7 +2128,7 @@ <h2>Test 22: Navigate to an item in a menu by typing a character</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-22-navigate-to-item-in-menu-by-typing-character-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2163,7 +2178,7 @@ <h2>Test 23: Activate a menu item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-23-activate-menu-item-interaction.html?at=jaws">jaws</a></li>
@@ -2236,7 +2251,7 @@ <h2>Test 24: Activate a menu item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-24-activate-menu-item-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2284,7 +2299,7 @@ <h2>Test 25: Close a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-25-close-menu-interaction.html?at=jaws">jaws</a></li>
@@ -2357,7 +2372,7 @@ <h2>Test 26: Close a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions-active-descendant/test-26-close-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/menu-button-actions.html b/build/review/menu-button-actions.html
index c8ca13db5..153d4734d 100644
--- a/build/review/menu-button-actions.html
+++ b/build/review/menu-button-actions.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a menu button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-01-navigate-forwards-to-menu-button-reading.html?at=jaws">jaws</a></li>
@@ -753,7 +768,7 @@ <h2>Test 2: Navigate backwards to a menu button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-02-navigate-backwards-to-menu-button-reading.html?at=jaws">jaws</a></li>
@@ -832,7 +847,7 @@ <h2>Test 3: Navigate forwards to a menu button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-03-navigate-forwards-to-menu-button-interaction.html?at=jaws">jaws</a></li>
@@ -905,7 +920,7 @@ <h2>Test 4: Navigate backwards to a menu button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-04-navigate-backwards-to-menu-button-interaction.html?at=jaws">jaws</a></li>
@@ -978,7 +993,7 @@ <h2>Test 5: Navigate forwards to a menu button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-05-navigate-forwards-to-menu-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1027,7 +1042,7 @@ <h2>Test 6: Navigate backwards to a menu button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-06-navigate-backwards-to-menu-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1076,7 +1091,7 @@ <h2>Test 7: Read information about a menu button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-07-read-information-about-menu-button-reading.html?at=jaws">jaws</a></li>
@@ -1151,7 +1166,7 @@ <h2>Test 8: Read information about a menu button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-08-read-information-about-menu-button-interaction.html?at=jaws">jaws</a></li>
@@ -1226,7 +1241,7 @@ <h2>Test 9: Read information about a menu button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-09-read-information-about-menu-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1274,7 +1289,7 @@ <h2>Test 10: Open a menu in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-10-open-menu-reading.html?at=jaws">jaws</a></li>
@@ -1359,7 +1374,7 @@ <h2>Test 11: Open a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-11-open-menu-interaction.html?at=jaws">jaws</a></li>
@@ -1446,7 +1461,7 @@ <h2>Test 12: Open a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-12-open-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1502,7 +1517,7 @@ <h2>Test 13: Open a menu to the last item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-13-open-menu-to-last-item-interaction.html?at=jaws">jaws</a></li>
@@ -1585,7 +1600,7 @@ <h2>Test 14: Open a menu to the last item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-14-open-menu-to-last-item-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1638,7 +1653,7 @@ <h2>Test 15: Read information about a menu item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-15-read-information-about-menu-item-interaction.html?at=jaws">jaws</a></li>
@@ -1717,7 +1732,7 @@ <h2>Test 16: Read information about a menu item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-16-read-information-about-menu-item-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1767,7 +1782,7 @@ <h2>Test 17: Navigate to the first item in a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-17-navigate-to-first-item-in-menu-interaction.html?at=jaws">jaws</a></li>
@@ -1846,7 +1861,7 @@ <h2>Test 18: Navigate to the first item in a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-18-navigate-to-first-item-in-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1896,7 +1911,7 @@ <h2>Test 19: Navigate to the last item in a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-19-navigate-to-last-item-in-menu-interaction.html?at=jaws">jaws</a></li>
@@ -1975,7 +1990,7 @@ <h2>Test 20: Navigate to the last item in a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-20-navigate-to-last-item-in-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2025,7 +2040,7 @@ <h2>Test 21: Navigate to an item in a menu by typing a character in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-21-navigate-to-item-in-menu-by-typing-character-interaction.html?at=jaws">jaws</a></li>
@@ -2102,7 +2117,7 @@ <h2>Test 22: Navigate to an item in a menu by typing a character</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-22-navigate-to-item-in-menu-by-typing-character-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2151,7 +2166,7 @@ <h2>Test 23: Activate a menu item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-23-activate-menu-item-interaction.html?at=jaws">jaws</a></li>
@@ -2224,7 +2239,7 @@ <h2>Test 24: Activate a menu item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-24-activate-menu-item-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2272,7 +2287,7 @@ <h2>Test 25: Close a menu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-25-close-menu-interaction.html?at=jaws">jaws</a></li>
@@ -2345,7 +2360,7 @@ <h2>Test 26: Close a menu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menu-button-actions/test-26-close-menu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/menubar-editor.html b/build/review/menubar-editor.html
index 58b969fe7..8d38cc3fe 100644
--- a/build/review/menubar-editor.html
+++ b/build/review/menubar-editor.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate to menubar in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-01-navigate-to-menubar-reading.html?at=jaws">jaws</a></li>
@@ -755,7 +770,7 @@ <h2>Test 2: Activate menubar in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-02-activate-menubar-reading.html?at=jaws">jaws</a></li>
@@ -818,7 +833,7 @@ <h2>Test 3: Navigate to menubar with commands that switch mode from reading to i
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-03-tab-to-menubar-reading.html?at=jaws">jaws</a></li>
@@ -899,7 +914,7 @@ <h2>Test 4: Navigate to menubar in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-04-navigate-to-menubar-interaction.html?at=jaws">jaws</a></li>
@@ -978,7 +993,7 @@ <h2>Test 5: Navigate to menubar</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-05-navigate-to-menubar-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1029,7 +1044,7 @@ <h2>Test 6: Navigate to menu item in menubar in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-06-navigate-to-menuitem-in-menubar-reading.html?at=jaws">jaws</a></li>
@@ -1098,7 +1113,7 @@ <h2>Test 7: Navigate to menu item in menubar in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-07-navigate-to-menuitem-in-menubar-interaction.html?at=jaws">jaws</a></li>
@@ -1177,7 +1192,7 @@ <h2>Test 8: Navigate to menu item in menubar</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-08-navigate-to-menuitem-in-menubar-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1228,7 +1243,7 @@ <h2>Test 9: Navigate to open menu item in menubar in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-09-navigate-to-open-menuitem-in-menubar-interaction.html?at=jaws">jaws</a></li>
@@ -1307,7 +1322,7 @@ <h2>Test 10: Navigate to open menu item in menubar</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-10-navigate-to-open-menuitem-in-menubar-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1357,7 +1372,7 @@ <h2>Test 11: Open submenu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-11-open-submenu-of-menubar-interaction.html?at=jaws">jaws</a></li>
@@ -1437,7 +1452,7 @@ <h2>Test 12: Open submenu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-12-open-submenu-of-menubar-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1489,7 +1504,7 @@ <h2>Test 13: Close submenu in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-13-close-submenu-of-menubar-interaction.html?at=jaws">jaws</a></li>
@@ -1567,7 +1582,7 @@ <h2>Test 14: Close submenu</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-14-close-submenu-of-menubar-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1617,7 +1632,7 @@ <h2>Test 15: Navigate to checked menu item radio in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-15-navigate-to-checked-menuitemradio-in-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -1695,7 +1710,7 @@ <h2>Test 16: Navigate to checked menu item radio</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-16-navigate-to-checked-menuitemradio-in-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1746,7 +1761,7 @@ <h2>Test 17: Navigate to unchecked menu item radio in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-17-navigate-to-unchecked-menuitemradio-in-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -1824,7 +1839,7 @@ <h2>Test 18: Navigate to unchecked menu item radio</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-18-navigate-to-unchecked-menuitemradio-in-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1875,7 +1890,7 @@ <h2>Test 19: Navigate to unchecked menu item checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-19-navigate-to-unchecked-menuitemcheckbox-in-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -1955,7 +1970,7 @@ <h2>Test 20: Navigate to unchecked menu item checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-20-navigate-to-unchecked-menuitemcheckbox-in-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2007,7 +2022,7 @@ <h2>Test 21: Navigate to checked menu item checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-21-navigate-to-checked-menuitemcheckbox-in-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -2093,7 +2108,7 @@ <h2>Test 22: Navigate to checked menu item checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-22-navigate-to-checked-menuitemcheckbox-in-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2148,7 +2163,7 @@ <h2>Test 23: Read menu item in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-23-read-menuitem-in-menubar-reading.html?at=jaws">jaws</a></li>
@@ -2222,7 +2237,7 @@ <h2>Test 24: Read menu item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-24-read-menuitem-in-menubar-interaction.html?at=jaws">jaws</a></li>
@@ -2306,7 +2321,7 @@ <h2>Test 25: Read menu item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-25-read-menuitem-in-menubar-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2360,7 +2375,7 @@ <h2>Test 26: Read unchecked menu item radio in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-26-read-unchecked-menuitemradio-in-a-group-in-a-submenu-reading.html?at=jaws">jaws</a></li>
@@ -2444,7 +2459,7 @@ <h2>Test 27: Read unchecked menu item radio in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-27-read-unchecked-menuitemradio-in-a-group-in-a-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -2528,7 +2543,7 @@ <h2>Test 28: Read unchecked menu item radio</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-28-read-unchecked-menuitemradio-in-a-group-in-a-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2582,7 +2597,7 @@ <h2>Test 29: Read checked menu item radio in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-29-read-checked-menuitemradio-in-a-group-in-a-submenu-reading.html?at=jaws">jaws</a></li>
@@ -2666,7 +2681,7 @@ <h2>Test 30: Read checked menu item radio in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-30-read-checked-menuitemradio-in-a-group-in-a-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -2750,7 +2765,7 @@ <h2>Test 31: Read checked menu item radio</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-31-read-checked-menuitemradio-in-a-group-in-a-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2804,7 +2819,7 @@ <h2>Test 32: Read unchecked menu item checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-32-read-unchecked-menuitemcheckbox-in-a-group-in-a-submenu-reading.html?at=jaws">jaws</a></li>
@@ -2888,7 +2903,7 @@ <h2>Test 33: Read unchecked menu item checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-33-read-unchecked-menuitemcheckbox-in-a-group-in-a-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -2972,7 +2987,7 @@ <h2>Test 34: Read unchecked menu item checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-34-read-unchecked-menuitemcheckbox-in-a-group-in-a-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3026,7 +3041,7 @@ <h2>Test 35: Read checked menu item checkbox in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-35-read-checked-menuitemcheckbox-in-a-group-in-a-submenu-reading.html?at=jaws">jaws</a></li>
@@ -3110,7 +3125,7 @@ <h2>Test 36: Read checked menu item checkbox in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-36-read-checked-menuitemcheckbox-in-a-group-in-a-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -3194,7 +3209,7 @@ <h2>Test 37: Read checked menu item checkbox</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-37-read-checked-menuitemcheckbox-in-a-group-in-a-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3248,7 +3263,7 @@ <h2>Test 38: Read disabled menu item in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-38-read-disabled-menuitem-in-a-submenu-reading.html?at=jaws">jaws</a></li>
@@ -3330,7 +3345,7 @@ <h2>Test 39: Read disabled menu item in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-39-read-disabled-menuitem-in-a-submenu-interaction.html?at=jaws">jaws</a></li>
@@ -3412,7 +3427,7 @@ <h2>Test 40: Read disabled menu item</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/menubar-editor/test-40-read-disabled-menuitem-in-a-submenu-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/minimal-data-grid.html b/build/review/minimal-data-grid.html
index 0134e430c..a02edb850 100644
--- a/build/review/minimal-data-grid.html
+++ b/build/review/minimal-data-grid.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-01-navigate-forwards-to-grid-reading.html?at=jaws">jaws</a></li>
@@ -758,7 +773,7 @@ <h2>Test 2: Navigate backwards to a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-02-navigate-backwards-to-grid-reading.html?at=jaws">jaws</a></li>
@@ -840,7 +855,7 @@ <h2>Test 3: Navigate forwards to a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-03-navigate-forwards-to-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -893,7 +908,7 @@ <h2>Test 4: Navigate into the end of a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-04-navigate-into-end-of-grid-reading.html?at=jaws">jaws</a></li>
@@ -978,7 +993,7 @@ <h2>Test 5: Navigate into the end of a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-05-navigate-into-end-of-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1031,7 +1046,7 @@ <h2>Test 6: Move focus forwards into a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-06-move-focus-forwards-into-grid-reading.html?at=jaws">jaws</a></li>
@@ -1115,7 +1130,7 @@ <h2>Test 7: Move focus backwards into a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-07-move-focus-backwards-into-grid-reading.html?at=jaws">jaws</a></li>
@@ -1199,7 +1214,7 @@ <h2>Test 8: Move focus forwards into a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-08-move-focus-forwards-into-grid-interaction.html?at=jaws">jaws</a></li>
@@ -1283,7 +1298,7 @@ <h2>Test 9: Move focus backwards into a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-09-move-focus-backwards-into-grid-interaction.html?at=jaws">jaws</a></li>
@@ -1367,7 +1382,7 @@ <h2>Test 10: Move focus forwards into a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-10-move-focus-forwards-into-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1420,7 +1435,7 @@ <h2>Test 11: Move focus backwards into a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-11-move-focus-backwards-into-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1473,7 +1488,7 @@ <h2>Test 12: Read information about a grid cell in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-12-read-information-about-grid-cell-reading.html?at=jaws">jaws</a></li>
@@ -1549,7 +1564,7 @@ <h2>Test 13: Read information about a grid cell in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-13-read-information-about-grid-cell-interaction.html?at=jaws">jaws</a></li>
@@ -1625,7 +1640,7 @@ <h2>Test 14: Read information about a grid cell</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-14-read-information-about-grid-cell-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1673,7 +1688,7 @@ <h2>Test 15: Read information about a grid cell containing a link in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-15-read-information-about-grid-cell-containing-link-reading.html?at=jaws">jaws</a></li>
@@ -1751,7 +1766,7 @@ <h2>Test 16: Read information about a grid cell containing a link in interaction
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-16-read-information-about-grid-cell-containing-link-interaction.html?at=jaws">jaws</a></li>
@@ -1829,7 +1844,7 @@ <h2>Test 17: Read information about a grid cell containing a link</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-17-read-information-about-grid-cell-containing-link-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1878,7 +1893,7 @@ <h2>Test 18: Navigate to the next colum in a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-18-navigate-to-next-colum-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -1952,7 +1967,7 @@ <h2>Test 19: Navigate to the next colum in a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-19-navigate-to-next-colum-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -2026,7 +2041,7 @@ <h2>Test 20: Navigate to the next colum in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-20-navigate-to-next-colum-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2075,7 +2090,7 @@ <h2>Test 21: Navigate to the previous colum in a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-21-navigate-to-previous-colum-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -2149,7 +2164,7 @@ <h2>Test 22: Navigate to the previous colum in a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-22-navigate-to-previous-colum-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -2223,7 +2238,7 @@ <h2>Test 23: Navigate to the previous colum in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-23-navigate-to-previous-colum-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2272,7 +2287,7 @@ <h2>Test 24: Navigate to the next colum containing a link in a grid in reading m
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-24-navigate-to-next-colum-containing-link-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -2351,7 +2366,7 @@ <h2>Test 25: Navigate to the next colum containing a link in a grid in interacti
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-25-navigate-to-next-colum-containing-link-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -2428,7 +2443,7 @@ <h2>Test 26: Navigate to the next colum containing a link in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-26-navigate-to-next-colum-containing-link-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2479,7 +2494,7 @@ <h2>Test 27: Navigate to the previous colum containing a link in a grid in readi
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-27-navigate-to-previous-colum-containing-link-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -2558,7 +2573,7 @@ <h2>Test 28: Navigate to the previous colum containing a link in a grid in inter
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-28-navigate-to-previous-colum-containing-link-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -2634,7 +2649,7 @@ <h2>Test 29: Navigate to the previous colum containing a link in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-29-navigate-to-previous-colum-containing-link-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2685,7 +2700,7 @@ <h2>Test 30: Navigate to the next column from a cel containing a link in a grid
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-30-navigate-to-next-column-from-cel-containing-link-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -2759,7 +2774,7 @@ <h2>Test 31: Navigate to the next column from a cel containing a link in a grid
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-31-navigate-to-next-column-from-cel-containing-link-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -2833,7 +2848,7 @@ <h2>Test 32: Navigate to the next column from a cel containing a link in a grid<
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-32-navigate-to-next-column-from-cel-containing-link-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2882,7 +2897,7 @@ <h2>Test 33: Navigate to the previous column from a cel containing a link in a g
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-33-navigate-to-previous-column-from-cel-containing-link-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -2956,7 +2971,7 @@ <h2>Test 34: Navigate to the previous column from a cel containing a link in a g
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-34-navigate-to-previous-column-from-cel-containing-link-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -3030,7 +3045,7 @@ <h2>Test 35: Navigate to the previous column from a cel containing a link in a g
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-35-navigate-to-previous-column-from-cel-containing-link-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3080,7 +3095,7 @@ <h2>Test 36: Navigate to the next row in a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-36-navigate-to-next-row-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -3154,7 +3169,7 @@ <h2>Test 37: Navigate to the next row in a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-37-navigate-to-next-row-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -3228,7 +3243,7 @@ <h2>Test 38: Navigate to the next row in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-38-navigate-to-next-row-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3276,7 +3291,7 @@ <h2>Test 39: Navigate to the previous row in a grid in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-39-navigate-to-previous-row-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -3350,7 +3365,7 @@ <h2>Test 40: Navigate to the previous row in a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-40-navigate-to-previous-row-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -3424,7 +3439,7 @@ <h2>Test 41: Navigate to the previous row in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-41-navigate-to-previous-row-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3472,7 +3487,7 @@ <h2>Test 42: Navigate to a cell containing a link on the next row in a grid in r
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-42-navigate-to-cell-containing-link-on-next-row-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -3548,7 +3563,7 @@ <h2>Test 43: Navigate to a cell containing a link on the next row in a grid in i
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-43-navigate-to-cell-containing-link-on-next-row-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -3624,7 +3639,7 @@ <h2>Test 44: Navigate to a cell containing a link on the next row in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-44-navigate-to-cell-containing-link-on-next-row-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3673,7 +3688,7 @@ <h2>Test 45: Navigate to a cell containing a link on the previous row in a grid
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-45-navigate-to-cell-containing-link-on-previous-row-in-grid-reading.html?at=jaws">jaws</a></li>
@@ -3749,7 +3764,7 @@ <h2>Test 46: Navigate to a cell containing a link on the previous row in a grid
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-46-navigate-to-cell-containing-link-on-previous-row-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -3825,7 +3840,7 @@ <h2>Test 47: Navigate to a cell containing a link on the previous row in a grid<
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-47-navigate-to-cell-containing-link-on-previous-row-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3874,7 +3889,7 @@ <h2>Test 48: Navigate to the first cell of a row in a grid in interaction mode</
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-48-navigate-to-first-cell-of-row-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -3948,7 +3963,7 @@ <h2>Test 49: Navigate to the first cell of a row in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-49-navigate-to-first-cell-of-row-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3995,7 +4010,7 @@ <h2>Test 50: Navigate to the last cell of a row in a grid in interaction mode</h
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-50-navigate-to-last-cell-of-row-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -4069,7 +4084,7 @@ <h2>Test 51: Navigate to the last cell of a row in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-51-navigate-to-last-cell-of-row-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4116,7 +4131,7 @@ <h2>Test 52: Navigate to the first cell in a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-52-navigate-to-first-cell-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -4190,7 +4205,7 @@ <h2>Test 53: Navigate to the first cell in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-53-navigate-to-first-cell-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -4237,7 +4252,7 @@ <h2>Test 54: Navigate to the last cell in a grid in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-54-navigate-to-last-cell-in-grid-interaction.html?at=jaws">jaws</a></li>
@@ -4311,7 +4326,7 @@ <h2>Test 55: Navigate to the last cell in a grid</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/minimal-data-grid/test-55-navigate-to-last-cell-in-grid-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/modal-dialog.html b/build/review/modal-dialog.html
index 065ee3dca..1a91c9ca6 100644
--- a/build/review/modal-dialog.html
+++ b/build/review/modal-dialog.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Open a modal dialog in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-01-open-modal-dialog-reading.html?at=jaws">jaws</a></li>
@@ -754,7 +769,7 @@ <h2>Test 2: Open a modal dialog in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-02-open-modal-dialog-interaction.html?at=jaws">jaws</a></li>
@@ -834,7 +849,7 @@ <h2>Test 3: Open a Modal Dialog</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-03-open-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -886,7 +901,7 @@ <h2>Test 4: Close a modal dialog in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-04-close-modal-dialog-reading.html?at=jaws">jaws</a></li>
@@ -958,7 +973,7 @@ <h2>Test 5: Close a modal dialog in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-05-close-modal-dialog-interaction.html?at=jaws">jaws</a></li>
@@ -1030,7 +1045,7 @@ <h2>Test 6: Close a modal dialog</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-06-close-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1076,7 +1091,7 @@ <h2>Test 7: Close a modal dialog using a button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-07-close-modal-dialog-using-button-reading.html?at=jaws">jaws</a></li>
@@ -1150,7 +1165,7 @@ <h2>Test 8: Close a modal dialog using a button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-08-close-modal-dialog-using-button-interaction.html?at=jaws">jaws</a></li>
@@ -1224,7 +1239,7 @@ <h2>Test 9: Close a modal dialog using a button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-09-close-modal-dialog-using-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1272,7 +1287,7 @@ <h2>Test 10: Navigate to the last focusable element in a modal dialog in interac
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-10-navigate-to-last-focusable-element-in-modal-dialog-interaction.html?at=jaws">jaws</a></li>
@@ -1344,7 +1359,7 @@ <h2>Test 11: Navigate to the last focusable element in a modal dialog</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-11-navigate-to-last-focusable-element-in-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1390,7 +1405,7 @@ <h2>Test 12: Navigate to the first focusable element in a modal dialog in intera
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-12-navigate-to-first-focusable-element-in-modal-dialog-interaction.html?at=jaws">jaws</a></li>
@@ -1462,7 +1477,7 @@ <h2>Test 13: Navigate to the first focusable element in a modal dialog</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-13-navigate-to-first-focusable-element-in-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1508,7 +1523,7 @@ <h2>Test 14: Navigate to the beginning of a modal dialog in reading mode </h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-14-navigate-to-beginning-of-modal-dialog-reading.html?at=jaws">jaws</a></li>
@@ -1582,7 +1597,7 @@ <h2>Test 15: Navigate to the beginning of a modal dialog </h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-15-navigate-to-beginning-of-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1629,7 +1644,7 @@ <h2>Test 16: Navigate to the end of a modal dialog in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-16-navigate-to-end-of-modal-dialog-reading.html?at=jaws">jaws</a></li>
@@ -1701,7 +1716,7 @@ <h2>Test 17: Navigate to the end of a modal dialog</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-17-navigate-to-end-of-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1747,7 +1762,7 @@ <h2>Test 18: Open a nested modal dialog in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-18-open-nested-modal-dialog-reading.html?at=jaws">jaws</a></li>
@@ -1830,7 +1845,7 @@ <h2>Test 19: Open a nested modal dialog in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-19-open-nested-modal-dialog-interaction.html?at=jaws">jaws</a></li>
@@ -1913,7 +1928,7 @@ <h2>Test 20: Open a nested modal dialog</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-20-open-nested-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1967,7 +1982,7 @@ <h2>Test 21: Close a nested modal dialog in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-21-close-nested-modal-dialog-reading.html?at=jaws">jaws</a></li>
@@ -2045,7 +2060,7 @@ <h2>Test 22: Close a nested modal dialog in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-22-close-nested-modal-dialog-interaction.html?at=jaws">jaws</a></li>
@@ -2123,7 +2138,7 @@ <h2>Test 23: Close a nested modal dialog</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-23-close-nested-modal-dialog-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2173,7 +2188,7 @@ <h2>Test 24: Close a nested modal dialog using a button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-24-close-nested-modal-dialog-using-button-reading.html?at=jaws">jaws</a></li>
@@ -2253,7 +2268,7 @@ <h2>Test 25: Close a nested modal dialog using a button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-25-close-nested-modal-dialog-using-button-interaction.html?at=jaws">jaws</a></li>
@@ -2333,7 +2348,7 @@ <h2>Test 26: Close a nested modal dialog using a button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-26-close-nested-modal-dialog-using-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2385,7 +2400,7 @@ <h2>Test 27: Open a nested modal dialog using a link in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-27-open-nested-modal-dialog-using-link-reading.html?at=jaws">jaws</a></li>
@@ -2466,7 +2481,7 @@ <h2>Test 28: Open a nested modal dialog using a link in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-28-open-nested-modal-dialog-using-link-interaction.html?at=jaws">jaws</a></li>
@@ -2547,7 +2562,7 @@ <h2>Test 29: Open a nested modal dialog using a link</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/modal-dialog/test-29-open-nested-modal-dialog-using-link-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/radiogroup-aria-activedescendant.html b/build/review/radiogroup-aria-activedescendant.html
index 00aea5927..a0119b898 100644
--- a/build/review/radiogroup-aria-activedescendant.html
+++ b/build/review/radiogroup-aria-activedescendant.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate to the first unchecked radio button in a group in reading m
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-01-navigate-to-first-unchecked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -765,7 +780,7 @@ <h2>Test 2: Navigate to the first unchecked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-02-navigate-to-first-unchecked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -822,7 +837,7 @@ <h2>Test 3: navigate to the last unchecked radio button in a group in reading mo
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-03-navigate-to-last-unchecked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -913,7 +928,7 @@ <h2>Test 4: Navigate to the last unchecked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-04-navigate-to-last-unchecked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -970,7 +985,7 @@ <h2>Test 5: Navigate to the first checked radio button in a group in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-05-navigate-to-first-checked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -1061,7 +1076,7 @@ <h2>Test 6: Navigate to the first checked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-06-navigate-to-first-checked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1118,7 +1133,7 @@ <h2>Test 7: Navigate to the last checked radio button in a group in reading mode
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-07-navigate-to-last-checked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -1209,7 +1224,7 @@ <h2>Test 8: Navigate to the last checked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-08-navigate-to-last-checked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1266,7 +1281,7 @@ <h2>Test 9: Navigate forwards to an unchecked radio button in interaction mode</
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-09-navigate-forwards-to-unchecked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1353,7 +1368,7 @@ <h2>Test 10: Navigate forwards to an unchecked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-10-navigate-forwards-to-unchecked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1409,7 +1424,7 @@ <h2>Test 11: Navigate backwards to an unchecked radio button in interaction mode
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-11-navigate-backwards-to-unchecked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1496,7 +1511,7 @@ <h2>Test 12: Navigate backwards to an unchecked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-12-navigate-backwards-to-unchecked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1552,7 +1567,7 @@ <h2>Test 13: Navigate forwards to a checked radio button in interaction mode</h2
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-13-navigate-forwards-to-checked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1639,7 +1654,7 @@ <h2>Test 14: Navigate forwards to a checked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-14-navigate-forwards-to-checked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1695,7 +1710,7 @@ <h2>Test 15: Navigate backwards to a checked radio button in interaction mode</h
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-15-navigate-backwards-to-checked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1782,7 +1797,7 @@ <h2>Test 16: Navigate backwards to a checked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-16-navigate-backwards-to-checked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1838,7 +1853,7 @@ <h2>Test 17: Navigate out of the start of a radio group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-17-navigate-out-of-start-of-radio-group-reading.html?at=jaws">jaws</a></li>
@@ -1920,7 +1935,7 @@ <h2>Test 18: Navigate out of the start of a radio group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-18-navigate-out-of-start-of-radio-group-interaction.html?at=jaws">jaws</a></li>
@@ -2000,7 +2015,7 @@ <h2>Test 19: Navigate out of the start of a radio group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-19-navigate-out-of-start-of-radio-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2052,7 +2067,7 @@ <h2>Test 20: Navigate out of the end of a radio group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-20-navigate-out-of-end-of-radio-group-reading.html?at=jaws">jaws</a></li>
@@ -2134,7 +2149,7 @@ <h2>Test 21: Navigate out of the end of a radio group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-21-navigate-out-of-end-of-radio-group-interaction.html?at=jaws">jaws</a></li>
@@ -2214,7 +2229,7 @@ <h2>Test 22: Navigate out of the end of a radio group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-22-navigate-out-of-end-of-radio-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2266,7 +2281,7 @@ <h2>Test 23: Read information about an unchecked radio button in reading mode</h
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-23-read-information-about-unchecked-radio-button-reading.html?at=jaws">jaws</a></li>
@@ -2349,7 +2364,7 @@ <h2>Test 24: Read information about an unchecked radio button in interaction mod
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-24-read-information-about-unchecked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2432,7 +2447,7 @@ <h2>Test 25: Read information about an unchecked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-25-read-information-about-unchecked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2485,7 +2500,7 @@ <h2>Test 26: Read information about a checked radio button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-26-read-information-about-checked-radio-button-reading.html?at=jaws">jaws</a></li>
@@ -2568,7 +2583,7 @@ <h2>Test 27: Read information about a checked radio button in interaction mode</
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-27-read-information-about-checked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2651,7 +2666,7 @@ <h2>Test 28: Read information about a checked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-28-read-information-about-checked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2704,7 +2719,7 @@ <h2>Test 29: Navigate to the next radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-29-navigate-to-next-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2787,7 +2802,7 @@ <h2>Test 30: Navigate to the next radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-30-navigate-to-next-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2841,7 +2856,7 @@ <h2>Test 31: Navigate to the previous radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-31-navigate-to-previous-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2924,7 +2939,7 @@ <h2>Test 32: Navigate to the previous radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-32-navigate-to-previous-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2978,7 +2993,7 @@ <h2>Test 33: Navigate to the first radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-33-navigate-to-first-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -3061,7 +3076,7 @@ <h2>Test 34: Navigate to the first radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-34-navigate-to-first-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3114,7 +3129,7 @@ <h2>Test 35: Navigate to the last radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-35-navigate-to-last-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -3197,7 +3212,7 @@ <h2>Test 36: Navigate to the last radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-36-navigate-to-last-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3250,7 +3265,7 @@ <h2>Test 37: Check a radio button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-37-check-radio-button-reading.html?at=jaws">jaws</a></li>
@@ -3321,7 +3336,7 @@ <h2>Test 38: Check a radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-38-check-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -3392,7 +3407,7 @@ <h2>Test 39: Check a radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-aria-activedescendant/test-39-check-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/radiogroup-roving-tabindex.html b/build/review/radiogroup-roving-tabindex.html
index 655ebfc76..2d30eaa9b 100644
--- a/build/review/radiogroup-roving-tabindex.html
+++ b/build/review/radiogroup-roving-tabindex.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate to the first unchecked radio button in a group in reading m
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-01-navigate-to-first-unchecked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -764,7 +779,7 @@ <h2>Test 2: Navigate to the first unchecked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-02-navigate-to-first-unchecked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -820,7 +835,7 @@ <h2>Test 3: navigate to the last unchecked radio button in a group in reading mo
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-03-navigate-to-last-unchecked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -910,7 +925,7 @@ <h2>Test 4: Navigate to the last unchecked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-04-navigate-to-last-unchecked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -966,7 +981,7 @@ <h2>Test 5: Navigate to the first checked radio button in a group in reading mod
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-05-navigate-to-first-checked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -1056,7 +1071,7 @@ <h2>Test 6: Navigate to the first checked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-06-navigate-to-first-checked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1112,7 +1127,7 @@ <h2>Test 7: Navigate to the last checked radio button in a group in reading mode
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-07-navigate-to-last-checked-radio-button-in-group-reading.html?at=jaws">jaws</a></li>
@@ -1202,7 +1217,7 @@ <h2>Test 8: Navigate to the last checked radio button in a group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-08-navigate-to-last-checked-radio-button-in-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1258,7 +1273,7 @@ <h2>Test 9: Navigate forwards to an unchecked radio button in interaction mode</
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-09-navigate-forwards-to-unchecked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1344,7 +1359,7 @@ <h2>Test 10: Navigate forwards to an unchecked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-10-navigate-forwards-to-unchecked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1399,7 +1414,7 @@ <h2>Test 11: Navigate backwards to an unchecked radio button in interaction mode
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-11-navigate-backwards-to-unchecked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1485,7 +1500,7 @@ <h2>Test 12: Navigate backwards to an unchecked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-12-navigate-backwards-to-unchecked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1540,7 +1555,7 @@ <h2>Test 13: Navigate forwards to a checked radio button in interaction mode</h2
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-13-navigate-forwards-to-checked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1626,7 +1641,7 @@ <h2>Test 14: Navigate forwards to a checked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-14-navigate-forwards-to-checked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1681,7 +1696,7 @@ <h2>Test 15: Navigate backwards to a checked radio button in interaction mode</h
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-15-navigate-backwards-to-checked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -1767,7 +1782,7 @@ <h2>Test 16: Navigate backwards to a checked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-16-navigate-backwards-to-checked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1822,7 +1837,7 @@ <h2>Test 17: Navigate out of the start of a radio group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-17-navigate-out-of-start-of-radio-group-reading.html?at=jaws">jaws</a></li>
@@ -1904,7 +1919,7 @@ <h2>Test 18: Navigate out of the start of a radio group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-18-navigate-out-of-start-of-radio-group-interaction.html?at=jaws">jaws</a></li>
@@ -1984,7 +1999,7 @@ <h2>Test 19: Navigate out of the start of a radio group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-19-navigate-out-of-start-of-radio-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2036,7 +2051,7 @@ <h2>Test 20: Navigate out of the end of a radio group in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-20-navigate-out-of-end-of-radio-group-reading.html?at=jaws">jaws</a></li>
@@ -2118,7 +2133,7 @@ <h2>Test 21: Navigate out of the end of a radio group in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-21-navigate-out-of-end-of-radio-group-interaction.html?at=jaws">jaws</a></li>
@@ -2198,7 +2213,7 @@ <h2>Test 22: Navigate out of the end of a radio group</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-22-navigate-out-of-end-of-radio-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2250,7 +2265,7 @@ <h2>Test 23: Read information about an unchecked radio button in reading mode</h
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-23-read-information-about-unchecked-radio-button-reading.html?at=jaws">jaws</a></li>
@@ -2332,7 +2347,7 @@ <h2>Test 24: Read information about an unchecked radio button in interaction mod
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-24-read-information-about-unchecked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2414,7 +2429,7 @@ <h2>Test 25: Read information about an unchecked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-25-read-information-about-unchecked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2466,7 +2481,7 @@ <h2>Test 26: Read information about a checked radio button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-26-read-information-about-checked-radio-button-reading.html?at=jaws">jaws</a></li>
@@ -2548,7 +2563,7 @@ <h2>Test 27: Read information about a checked radio button in interaction mode</
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-27-read-information-about-checked-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2630,7 +2645,7 @@ <h2>Test 28: Read information about a checked radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-28-read-information-about-checked-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2682,7 +2697,7 @@ <h2>Test 29: Navigate to the next radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-29-navigate-to-next-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2764,7 +2779,7 @@ <h2>Test 30: Navigate to the next radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-30-navigate-to-next-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2817,7 +2832,7 @@ <h2>Test 31: Navigate to the previous radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-31-navigate-to-previous-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -2899,7 +2914,7 @@ <h2>Test 32: Navigate to the previous radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-32-navigate-to-previous-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2952,7 +2967,7 @@ <h2>Test 33: Navigate to the first radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-33-navigate-to-first-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -3034,7 +3049,7 @@ <h2>Test 34: Navigate to the first radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-34-navigate-to-first-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3086,7 +3101,7 @@ <h2>Test 35: Navigate to the last radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-35-navigate-to-last-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -3168,7 +3183,7 @@ <h2>Test 36: Navigate to the last radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-36-navigate-to-last-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -3220,7 +3235,7 @@ <h2>Test 37: Check a radio button in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-37-check-radio-button-reading.html?at=jaws">jaws</a></li>
@@ -3291,7 +3306,7 @@ <h2>Test 38: Check a radio button in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-38-check-radio-button-interaction.html?at=jaws">jaws</a></li>
@@ -3362,7 +3377,7 @@ <h2>Test 39: Check a radio button</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/radiogroup-roving-tabindex/test-39-check-radio-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/tabs-manual-activation.html b/build/review/tabs-manual-activation.html
index a77a4036d..f9233c5cd 100644
--- a/build/review/tabs-manual-activation.html
+++ b/build/review/tabs-manual-activation.html
@@ -630,6 +630,21 @@
 },	setFocusOnThirdTab: function(testPageDocument){
 	// sets focus on the third tab
 	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
 }
           };
 
@@ -674,7 +689,7 @@ <h2>Test 1: Navigate forwards to a tab list in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-01-navigate-forwards-to-tab-list-reading.html?at=jaws">jaws</a></li>
@@ -763,7 +778,7 @@ <h2>Test 2: Navigate backwards to a tab list in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-02-navigate-backwards-to-tab-list-reading.html?at=jaws">jaws</a></li>
@@ -852,7 +867,7 @@ <h2>Test 3: Navigate forwards to a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-03-navigate-forwards-to-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -939,7 +954,7 @@ <h2>Test 4: Navigate backwards to a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-04-navigate-backwards-to-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -1026,7 +1041,7 @@ <h2>Test 5: Navigate forwards to a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-05-navigate-forwards-to-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1084,7 +1099,7 @@ <h2>Test 6: Navigate backwards to a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-06-navigate-backwards-to-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1142,7 +1157,7 @@ <h2>Test 7: Read information about a tab in a tab list in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-07-read-information-about-tab-in-tab-list-reading.html?at=jaws">jaws</a></li>
@@ -1225,7 +1240,7 @@ <h2>Test 8: Read information about a tab in a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-08-read-information-about-tab-in-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -1308,7 +1323,7 @@ <h2>Test 9: Read information about a tab in a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-09-read-information-about-tab-in-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1361,7 +1376,7 @@ <h2>Test 10: Navigate to the next tab in a tab list in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-10-navigate-to-next-tab-in-tab-list-reading.html?at=jaws">jaws</a></li>
@@ -1439,7 +1454,7 @@ <h2>Test 11: Navigate to the next tab in a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-11-navigate-to-next-tab-in-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -1517,7 +1532,7 @@ <h2>Test 12: Navigate to the next tab in a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-12-navigate-to-next-tab-in-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1567,7 +1582,7 @@ <h2>Test 13: Navigate to the previous tab in a tab list in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-13-navigate-to-previous-tab-in-tab-list-reading.html?at=jaws">jaws</a></li>
@@ -1648,7 +1663,7 @@ <h2>Test 14: Navigate to the previous tab in a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-14-navigate-to-previous-tab-in-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -1729,7 +1744,7 @@ <h2>Test 15: Navigate to the previous tab in a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-15-navigate-to-previous-tab-in-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1781,7 +1796,7 @@ <h2>Test 16: Navigate to the first tab in a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-16-navigate-to-first-tab-in-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -1862,7 +1877,7 @@ <h2>Test 17: Navigate to the first tab in a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-17-navigate-to-first-tab-in-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -1914,7 +1929,7 @@ <h2>Test 18: Navigate to the last tab in a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-18-navigate-to-last-tab-in-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -1992,7 +2007,7 @@ <h2>Test 19: Navigate to the last tab in a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-19-navigate-to-last-tab-in-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2042,7 +2057,7 @@ <h2>Test 20: Navigate forwards to a tab panel in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-20-navigate-forwards-to-tab-panel-interaction.html?at=jaws">jaws</a></li>
@@ -2118,7 +2133,7 @@ <h2>Test 21: Navigate backwards to a tab panel in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-21-navigate-backwards-to-tab-panel-interaction.html?at=jaws">jaws</a></li>
@@ -2194,7 +2209,7 @@ <h2>Test 22: Navigate forwards to a tab panel</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-22-navigate-forwards-to-tab-panel-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2244,7 +2259,7 @@ <h2>Test 23: Navigate backwards to a tab panel</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-23-navigate-backwards-to-tab-panel-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2294,7 +2309,7 @@ <h2>Test 24: Activate a tab in a tab list in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-24-activate-tab-in-tab-list-reading.html?at=jaws">jaws</a></li>
@@ -2367,7 +2382,7 @@ <h2>Test 25: Activate a tab in a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-25-activate-tab-in-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -2440,7 +2455,7 @@ <h2>Test 26: Activate a tab in a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-26-activate-tab-in-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
@@ -2488,7 +2503,7 @@ <h2>Test 27: Delete a tab from a tab list in reading mode</h2>
       <ul>
         <li>Mode: reading</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-27-delete-tab-from-tab-list-reading.html?at=jaws">jaws</a></li>
@@ -2569,7 +2584,7 @@ <h2>Test 28: Delete a tab from a tab list in interaction mode</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: jaws, nvda</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-28-delete-tab-from-tab-list-interaction.html?at=jaws">jaws</a></li>
@@ -2650,7 +2665,7 @@ <h2>Test 29: Delete a tab from a tab list</h2>
       <ul>
         <li>Mode: interaction</li>
         <li>Applies to: voiceover_macos</li>
-        <li>Last edited: Thu Jul 22 13:46:46 2021 -0500</li>
+        <li>Last edited: Thu Jul 22 13:49:49 2021 -0500</li>
         <li>Tests:
           <ul>
               <li><a href="../tests/tabs-manual-activation/test-29-delete-tab-from-tab-list-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
diff --git a/build/review/toggle-button.html b/build/review/toggle-button.html
new file mode 100644
index 000000000..c2059eb18
--- /dev/null
+++ b/build/review/toggle-button.html
@@ -0,0 +1,2332 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<html>
+  <head>
+    <title>Test plan review for pattern: toggle-button</title>
+    <style>
+      table {
+        border-collapse: collapse;
+        margin-bottom: 1em;
+      }
+
+      table, td, th {
+        border: 1px solid black;
+      }
+
+      td {
+        padding: .5em;
+      }
+
+    </style>
+    <script>
+      const filterATs = function(button) {
+        const val = button.value;
+
+        if (val === 'all') {
+          for (let at of document.querySelectorAll('input')) {
+            if (at.value !== 'all') {
+              for (let result of document.querySelectorAll(`.${at.value}`)) {
+                result.style.display = 'block';
+              }
+              at.checked = false;
+            }
+            else {
+              at.checked = true;
+            }
+          }
+        }
+        else {
+          for (let at of document.querySelectorAll('input')) {
+
+            if (at.value === val) {
+              at.checked = true;
+            }
+            else {
+              at.checked = false;
+            }
+
+            for (let result of document.querySelectorAll(`.${at.value}`)) {
+              result.style.display = 'none';
+            }
+            for (let result of document.querySelectorAll(`.${val}`)) {
+              result.style.display = 'block';
+            }
+
+          }
+        }
+      }
+
+      function executeScriptInTestPage(setupScriptName, testPageWindow) {
+        if (testPageWindow.location.origin !== window.location.origin // make sure the origin is the same, and prevent this from firing on an 'about' page
+            || testPageWindow.document.readyState !== 'complete'
+        ) {
+          window.setTimeout(() => {
+            executeScriptInTestPage(setupScriptName, testPageWindow);
+          }, 100);
+          return;
+        }
+
+        if (setupScriptName) {
+          var scripts = {
+            	checkFirstCheckbox: function(testPageDocument){
+	// Set aria-checked on first checkbox
+	testPageDocument.querySelector('[role="checkbox"]').setAttribute('aria-checked', 'true');
+},	moveFocusAndCheckFirstCheckbox: function(testPageDocument){
+	// Move focus and set aria-checked on first checkbox
+	const checkbox = testPageDocument.querySelector('[role="checkbox"]');
+	checkbox.focus();
+	checkbox.setAttribute('aria-checked', 'true');
+},	moveFocusToFirstCheckbox: function(testPageDocument){
+	// Move focus to first checkbox
+	testPageDocument.querySelector('[role="checkbox"]').focus();
+},	moveFocusAfterFirstCheckbox: function(testPageDocument){
+	// sets focus on a link after the first checkbox
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusBeforeFirstCheckbox: function(testPageDocument){
+	// sets focus on a link before the first checkbox
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusToAndUncheckFirstCheckbox: function(testPageDocument){
+	// sets focus on the first checkbox and sets its state to unchecked
+	const checkbox = testPageDocument.querySelector('[role="checkbox"]');
+	checkbox.setAttribute('aria-checked', 'false');
+	checkbox.focus();
+},	moveFocusToFirstCheckbox: function(testPageDocument){
+	// sets focus on the first checkbox
+	testPageDocument.querySelector('[role="checkbox"]').focus();
+},	buttonFocusEmptyCollpased: function(testPageDocument){
+	// Set focus on button
+	// Ensure in collapsed state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.buttonNode.focus();
+},	buttonFocusEmptyExpanded: function(testPageDocument){
+	// Set focus on button
+	// Ensure in expanded state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.buttonNode.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+	cb.open();
+},	comboboxFocusEmptyCollapsed: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' is empty
+	// Ensure in collapsed state
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = '';
+	cb.combobox.focus();
+},	comboboxFocusEmptyExpanded: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' to 'Alabama'
+	// Ensure in expanded state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = '';
+	cb.combobox.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+	cb.open();
+},	comboboxValueSetCollapsedState: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' to 'Alabama'
+	// Ensure in collapsed state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = 'Alabama';
+	cb.comboboxNode.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+},	comboboxValueSetExpandedState: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' to 'a'
+	// Ensure in expanded state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = 'a';
+	cb.comboboxNode.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+	cb.open();
+},	moveFocusAfterCombobox: function(testPageDocument){
+	// sets focus on a link after the Combobox
+	testPageDocument.querySelector('#cb1-button').style.display = 'none';
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusAfterComboboxAndSetValueToAlabama: function(testPageDocument){
+	// sets focus on a link after the Combobox, and sets the combobox value to 'Alabama'
+	testPageDocument.querySelector('#cb1-button').style.display = 'none';
+	testPageDocument.defaultView.comboboxController.setValue('Alabama');
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusBeforeCombobox: function(testPageDocument){
+	// sets focus on a link before the Combobox
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusBeforeComboboxAndSetValueToAlabama: function(testPageDocument){
+	// sets focus on a link before the Combobox, and sets the combobox value to 'Alabama'
+	testPageDocument.defaultView.comboboxController.setValue('Alabama');
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusToAlabamaInListbox: function(testPageDocument){
+	// expands the Combobox and places focus on 'Alabama' in the listbox popup
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+	testPageDocument.defaultView.comboboxController.setVisualFocusListbox();
+	let opt = testPageDocument.querySelector('#lb1-al');
+	testPageDocument.defaultView.comboboxController.setOption(opt, true);
+},	moveFocusToAlabamaInListboxAndSetInputCursorAtBeginning: function(testPageDocument){
+	// expands the combobox,  sets the combobox value to 'Alabama', places focus on that option in the listbox popup and positions the editing cursor at the beginning of the textbox
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+	testPageDocument.defaultView.comboboxController.setVisualFocusListbox();
+	let opt = testPageDocument.querySelector('#lb1-al');
+	testPageDocument.defaultView.comboboxController.setOption(opt, true);
+	testPageDocument.defaultView.comboboxController.comboboxNode.setSelectionRange(0, 0);
+},	moveFocusToAlabamaInListboxAndSetInputCursorAtEnd: function(testPageDocument){
+	// expands the combobox,  sets the combobox value to 'Alabama', places focus on that option in the listbox popup and positions the editing cursor at the end of the textbox
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+	testPageDocument.defaultView.comboboxController.setVisualFocusListbox();
+	let opt = testPageDocument.querySelector('#lb1-al');
+	let optTextLength = opt.textContent.length;
+	testPageDocument.defaultView.comboboxController.setOption(opt, true);
+	testPageDocument.defaultView.comboboxController.comboboxNode.setSelectionRange(optTextLength, optTextLength);
+},	moveFocusToAlaskaInListbox: function(testPageDocument){
+	// expands the combobox, sets the combobox value to 'Alaska' and places focus on that option in the listbox popup
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+	testPageDocument.defaultView.comboboxController.setVisualFocusListbox();
+	let opt = testPageDocument.querySelector('#lb1-ak');
+	testPageDocument.defaultView.comboboxController.setOption(opt, true);
+},	moveFocusToAndExpandCombobox: function(testPageDocument){
+	// sets focus on and expands the combobox
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+},	moveFocusToAndExpandComboboxAndSetValueToA: function(testPageDocument){
+	// sets focus on and expands the combobox, and sets the combobox value to 'a'
+	testPageDocument.defaultView.comboboxController.setValue('a');
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.select();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+},	moveFocusToAndExpandComboboxAndSetValueToAWithInputTextDeselected: function(testPageDocument){
+	// sets focus on and expands the combobox, sets the combobox value to 'a', and de-selects all text in the input
+	testPageDocument.defaultView.comboboxController.setValue('a');
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+},	moveFocusToAndExpandComboboxAndSetValueToAlabama: function(testPageDocument){
+	// sets focus on and expands the combobox, and sets the combobox value to 'Alabama'
+	testPageDocument.defaultView.comboboxController.setValue('Alabama');
+	testPageDocument.defaultView.comboboxController.open();
+	testPageDocument.defaultView.comboboxController.comboboxNode.select();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+},	moveFocusToCombobox: function(testPageDocument){
+	// sets focus on the combobox
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+},	moveFocusToComboboxAndSetValueToA: function(testPageDocument){
+	// sets focus on the combobox, and sets the combobox value to 'a'
+	testPageDocument.defaultView.comboboxController.setValue('a');
+	testPageDocument.defaultView.comboboxController.comboboxNode.select();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+},	moveFocusToComboboxAndSetValueToAlabama: function(testPageDocument){
+	// sets focus on the combobox, and sets the combobox value to 'Alabama'
+	testPageDocument.defaultView.comboboxController.setValue('Alabama');
+	testPageDocument.defaultView.comboboxController.comboboxNode.select();
+	testPageDocument.defaultView.comboboxController.comboboxNode.focus();
+},	moveFocusAfterCombobox: function(testPageDocument){
+	// sets focus on a link after the Combobox
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusBeforeCombobox: function(testPageDocument){
+	// sets focus on a link before the Combobox
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusToCombobox: function(testPageDocument){
+	// sets focus on the combobox
+	testPageDocument.querySelector('[role="combobox"]').focus();
+},	openListbox: function(testPageDocument){
+	// sets focus on and expands the Combobox
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+},	openListboxToApple: function(testPageDocument){
+	// sets focus on and expands the Combobox, and sets the focused option to 'Apple'
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+	testPageDocument.defaultView.selectController.onOptionChange(1);
+},	openListboxToGuava: function(testPageDocument){
+	// sets focus on and expands the Combobox, and sets the focused option to 'Guave'
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+	testPageDocument.defaultView.selectController.onOptionChange(11);
+},	openListboxToHuckleberry: function(testPageDocument){
+	// sets focus on and expands the Combobox, and sets the focused option to 'Huckleberry'
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+	testPageDocument.defaultView.selectController.onOptionChange(12);
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#action').focus();
+},	moveFocusAfterAndExpandFirstDisclosure: function(testPageDocument){
+	// sets the state of the first disclosure button to expanded, and sets focus on a link after the button
+	const btn = testPageDocument.querySelector('button[aria-controls="faq1_desc"]');
+	const answer = testPageDocument.querySelector('#faq1_desc');
+	btn.setAttribute('aria-expanded', 'true');
+	answer.style.display = 'block';
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusAfterFirstDisclosure: function(testPageDocument){
+	// sets focus on a link after the first disclosure button
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusBeforeAndExpandFirstDisclosure: function(testPageDocument){
+	// sets focus on a link before the first disclosure button, and sets the state of the first button to expanded
+	const btn = testPageDocument.querySelector('button[aria-controls="faq1_desc"]');
+	const answer = testPageDocument.querySelector('#faq1_desc');
+	btn.setAttribute('aria-expanded', 'true');
+	answer.style.display = 'block';
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusBeforeFirstDisclosure: function(testPageDocument){
+	// sets focus on a link before the first disclosure button
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusToAndExpandFirstDisclosure: function(testPageDocument){
+	// sets focus on the first disclosure button, and sets its state to expanded
+	const btn = testPageDocument.querySelector('button[aria-controls="faq1_desc"]');
+	const answer = testPageDocument.querySelector('#faq1_desc');
+	btn.setAttribute('aria-expanded', 'true');
+	answer.style.display = 'block';
+	// Hide the link after the button so it doesn't get in the way
+	testPageDocument.querySelector('#afterlink').style.display = 'none';
+	btn.focus();
+},	moveFocusToFirstDisclosure: function(testPageDocument){
+	// sets focus on the first disclosure button
+	testPageDocument.querySelector('button[aria-controls="faq1_desc"]').focus();
+},	moveFocusBeforeAndExpandFirstDisclosure: function(testPageDocument){
+	// sets focus on a link before the first disclosure button, and sets the state of the first button to expanded
+	testPageDocument.defaultView.disclosureController.toggleExpand(0, true);
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusBeforeFirstDisclosure: function(testPageDocument){
+	// sets focus on a link before the first disclosure button
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusToAndExpandFirstDisclosure: function(testPageDocument){
+	// sets focus on the first disclosure button, and sets its state to expanded
+	testPageDocument.defaultView.disclosureController.toggleExpand(0, true);
+	testPageDocument.querySelector('button[aria-controls="id_about_menu"]').focus();
+},	moveFocusToAndExpandFirstDisclosureAndSetCurrentPage: function(testPageDocument){
+	// sets focus on the first disclosure button, sets its state to expanded, and marks the first link in the associated dropdown as being the current page
+	testPageDocument.defaultView.disclosureController.toggleExpand(0, true);
+	testPageDocument.querySelector('#id_about_menu a').setAttribute('aria-current', 'page');
+	testPageDocument.querySelector('button[aria-controls="id_about_menu"]').focus();
+},	moveFocusToFirstDisclosure: function(testPageDocument){
+	// sets focus on the first disclosure button
+	testPageDocument.querySelector('button[aria-controls="id_about_menu"]').focus();
+},	moveFocusToFirstLinkInDropdown: function(testPageDocument){
+	// sets the state of the first disclosure button to expanded, and sets focus on the first link of the associated dropdown
+	testPageDocument.defaultView.disclosureController.toggleExpand(0, true);
+	testPageDocument.querySelector('#id_about_menu a').focus();
+},	moveFocusToSecondDisclosure: function(testPageDocument){
+	// sets focus on the second disclosure button in the navigation region
+	testPageDocument.querySelector('button[aria-controls="id_admissions_menu"]').focus();
+},	moveFocusToSecondLinkInDropdown: function(testPageDocument){
+	// sets the state of the first disclosure button to expanded, and sets focus on the second link of the associated dropdown
+	testPageDocument.defaultView.disclosureController.toggleExpand(0, true);
+	testPageDocument.querySelectorAll('#id_about_menu a')[1].focus();
+},	openMenuAndSetFocusToFirstItem: function(testPageDocument){
+	// opens the menu, and sets focus on 'Action 1'
+	testPageDocument.defaultView.menuController.openPopup();
+	testPageDocument.defaultView.menuController.setFocusToFirstMenuitem();
+},	openMenuAndSetFocusToLastItem: function(testPageDocument){
+	// opens the menu, and sets focus on 'Action 4'
+	testPageDocument.defaultView.menuController.openPopup();
+	testPageDocument.defaultView.menuController.setFocusToLastMenuitem();
+},	setFocusAfterMenuButton: function(testPageDocument){
+	// sets focus on a link after the menu button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeMenuButton: function(testPageDocument){
+	// sets focus on a link before the menu button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnMenuButton: function(testPageDocument){
+	// sets focus on the menu button
+	testPageDocument.querySelector('#menubutton1').focus();
+},	openMenuAndSetFocusToFirstItem: function(testPageDocument){
+	// opens the menu, and sets focus on 'Action 1'
+	testPageDocument.defaultView.menuController.openPopup();
+	testPageDocument.defaultView.menuController.setFocusToFirstMenuitem();
+},	openMenuAndSetFocusToLastItem: function(testPageDocument){
+	// opens the menu, and sets focus on 'Action 4'
+	testPageDocument.defaultView.menuController.openPopup();
+	testPageDocument.defaultView.menuController.setFocusToLastMenuitem();
+},	setFocusAfterMenuButton: function(testPageDocument){
+	// sets focus on a link after the menu button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeMenuButton: function(testPageDocument){
+	// sets focus on a link before the menu button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnMenuButton: function(testPageDocument){
+	// sets focus on the menu button
+	testPageDocument.querySelector('#menubutton1').focus();
+},	focusonfirstlink: function(testPageDocument){
+	// Move focus to the link just before the meunbar
+	testPageDocument.querySelector('a').focus();
+},	focusonfont: function(testPageDocument){
+	// Move focus to the "Font" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[0].focus();
+},	focusonsize: function(testPageDocument){
+	// Move focus to the "Size" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[3].focus();
+},	focusonstylecolor: function(testPageDocument){
+	// Move focus to the "Style/Color" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[1].focus();
+},	focusontextalign: function(testPageDocument){
+	// Move focus to the "Text Align" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[2].focus();
+},	setFocusAfterGrid: function(testPageDocument){
+	// sets focus on a link after the grid
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeGrid: function(testPageDocument){
+	// sets focus on a link before the grid
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnFifthDataCell: function(testPageDocument){
+	// sets focus on the fifth cell of the second row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(0, 4);
+	testPageDocument.defaultView.ex1Grid.focusCell(0, 4);
+},	setFocusOnFirstDataCell: function(testPageDocument){
+	// sets focus on the first cell of the second row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(0, 0);
+	testPageDocument.defaultView.ex1Grid.focusCell(0, 0);
+},	setFocusOnFirstLinkedCell: function(testPageDocument){
+	// sets focus on the third cell of the second row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(0, 2);
+	testPageDocument.defaultView.ex1Grid.focusCell(0, 2);
+},	setFocusOnFourthDataCell: function(testPageDocument){
+	// sets focus on the fourth cell of the second row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(0, 3);
+	testPageDocument.defaultView.ex1Grid.focusCell(0, 3);
+},	setFocusOnLastDataCell: function(testPageDocument){
+	// sets focus on the fifth cell of the seventh row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(5, 4);
+	testPageDocument.defaultView.ex1Grid.focusCell(5, 4);
+},	setFocusOnSecondDataCell: function(testPageDocument){
+	// sets focus on the second cell of the second row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(0, 1);
+	testPageDocument.defaultView.ex1Grid.focusCell(0, 1);
+},	setFocusOnSecondLinkedCell: function(testPageDocument){
+	// sets focus on the third cell of the third row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(1, 2);
+	testPageDocument.defaultView.ex1Grid.focusCell(1, 2);
+},	setFocusOnSixthDataCell: function(testPageDocument){
+	// sets focus on the first cell of the third row in the grid
+	testPageDocument.defaultView.ex1Grid.setFocusPointer(1, 0);
+	testPageDocument.defaultView.ex1Grid.focusCell(1, 0);
+},	moveFocusToAddDeliveryAddressButton: function(testPageDocument){
+	// sets focus on the 'Add Delivery Address' button
+	testPageDocument.querySelector('#ex1 > button').focus();
+},	openAddDeliveryAddressDialogAndFocusAddButton: function(testPageDocument){
+	// opens the 'Add Delivery Address' modal dialog, and sets focus on the 'Add' button
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
+},	openAddDeliveryAddressDialogAndFocusCancelButton: function(testPageDocument){
+	// opens the 'Add Delivery Address' modal dialog, and sets focus on the 'Cancel' button
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_cancel');
+},	openAddDeliveryAddressDialogAndFocusFirstInput: function(testPageDocument){
+	// opens the 'Add Delivery Address' modal dialog, and sets focus on the first input
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn);
+},	openAddressAddedDialogAndFocusYourProfileLink: function(testPageDocument){
+	// opens the 'Add Delivery Address' dialog followed by the 'Address Added' dialog, and sets focus on the 'your profile' link inside the second dialog
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
+	testPageDocument.defaultView.replaceDialog('dialog3', undefined, 'dialog3_profile');
+},	openVerificationResultDialogAndFocusCloseButton: function(testPageDocument){
+	// opens the 'Add Delivery Address' dialog followed by the 'Verification Result' dialog, and sets focus on the 'Close' button inside the second dialog
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
+	testPageDocument.defaultView.openDialog('dialog2', 'dialog1_verify', 'dialog2_close_btn');
+},	checkFirstRadioButtonAndSetFocusAfterRadioGroup: function(testPageDocument){
+	// sets the state of the first radio button to checked, and sets focus on a link after the radio group
+	let radioGroup = testPageDocument.querySelector('[role="radiogroup"]');
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.classList.remove('focus');
+	});
+	radios[0].classList.add('focus');
+	radios[0].setAttribute('aria-checked', 'true');
+	radioGroup.setAttribute('aria-activedescendant', radios[0].id);
+	testPageDocument.querySelector('#afterlink').focus();
+},	checkFirstRadioButtonAndSetFocusBeforeRadioGroup: function(testPageDocument){
+	// sets the state of the first radio button to checked, sets focus on a link before the radio group, and hides the group heading
+	let radioGroup = testPageDocument.querySelector('[role="radiogroup"]');
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.classList.remove('focus');
+	});
+	radios[0].classList.add('focus');
+	radios[0].setAttribute('aria-checked', 'true');
+	radioGroup.setAttribute('aria-activedescendant', radios[0].id);
+	testPageDocument.querySelector('#beforelink').focus();
+	testPageDocument.querySelector('#group_label_1').style.display = 'none';
+},	checkThirdRadioButtonAndSetFocusAfterRadioGroup: function(testPageDocument){
+	// sets the state of the third radio button to checked, and sets focus on a link after the radio group
+	let radioGroup = testPageDocument.querySelector('[role="radiogroup"]');
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.classList.remove('focus');
+	});
+	radios[2].classList.add('focus');
+	radios[2].setAttribute('aria-checked', 'true');
+	radioGroup.setAttribute('aria-activedescendant', radios[2].id);
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusAfterRadioGroup: function(testPageDocument){
+	// sets focus on a link after the radio group
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeRadioGroup: function(testPageDocument){
+	// sets focus on a link before the radio group, and hides the group heading
+	testPageDocument.querySelector('#beforelink').focus();
+	testPageDocument.querySelector('#group_label_1').style.display = 'none';
+},	setFocusOnAndCheckFirstRadioButton: function(testPageDocument){
+	// sets focus on the first radio button, and sets its state to checked
+	let radioGroup = testPageDocument.querySelector('[role="radiogroup"]');
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.classList.remove('focus');
+	});
+	radios[0].classList.add('focus');
+	radios[0].setAttribute('aria-checked', 'true');
+	radioGroup.setAttribute('aria-activedescendant', radios[0].id);
+	radioGroup.focus();
+},	setFocusOnFirstRadioButton: function(testPageDocument){
+	// sets focus on the first radio button
+	let radioGroup = testPageDocument.querySelector('[role="radiogroup"]');
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.classList.remove('focus');
+	});
+	radios[0].classList.add('focus');
+	radioGroup.setAttribute('aria-activedescendant', radios[0].id);
+	radioGroup.focus();
+},	setFocusOnSecondRadioButton: function(testPageDocument){
+	// sets focus on the second radio button
+	let radioGroup = testPageDocument.querySelector('[role="radiogroup"]');
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.classList.remove('focus');
+	});
+	radios[1].classList.add('focus');
+	radioGroup.setAttribute('aria-activedescendant', radios[1].id);
+	radioGroup.focus();
+},	setFocusOnThirdRadioButton: function(testPageDocument){
+	// sets focus on the third radio button
+	let radioGroup = testPageDocument.querySelector('[role="radiogroup"]');
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.classList.remove('focus');
+	});
+	radios[2].classList.add('focus');
+	radioGroup.setAttribute('aria-activedescendant', radios[2].id);
+	radioGroup.focus();
+},	checkFirstRadioButtonAndSetFocusAfterRadioGroup: function(testPageDocument){
+	// sets the state of the first radio button to checked, and sets focus on a link after the radio group
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.tabIndex = -1;
+	});
+	radios[0].setAttribute('aria-checked', 'true');
+	radios[0].tabIndex = 0;
+	testPageDocument.querySelector('#afterlink').focus();
+},	checkFirstRadioButtonAndSetFocusBeforeRadioGroup: function(testPageDocument){
+	// sets the state of the first radio button to checked, sets focus on a link before the radio group, and hides the group heading
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.tabIndex = -1;
+	});
+	radios[0].setAttribute('aria-checked', 'true');
+	radios[0].tabIndex = 0;
+	testPageDocument.querySelector('#group_label_1').style.display = 'none';
+	testPageDocument.querySelector('#beforelink').focus();
+},	checkThirdRadioButtonAndSetFocusAfterRadioGroup: function(testPageDocument){
+	// sets the state of the third radio button to checked, and sets focus on a link after the radio group
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.tabIndex = -1;
+	});
+	let lastRadio = radios[radios.length - 1];
+	lastRadio.setAttribute('aria-checked', 'true');
+	lastRadio.tabIndex = 0;
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusAfterRadioGroup: function(testPageDocument){
+	// sets focus on a link after the radio group
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeRadioGroup: function(testPageDocument){
+	// sets focus on a link before the radio group, and hides the group heading
+	testPageDocument.querySelector('#beforelink').focus();
+	testPageDocument.querySelector('#group_label_1').style.display = 'none';
+},	setFocusOnAndCheckFirstRadioButton: function(testPageDocument){
+	// sets focus on the first radio button, and sets its state to checked
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.tabIndex = -1;
+	});
+	radios[0].setAttribute('aria-checked', 'true');
+	radios[0].tabIndex = 0;
+	radios[0].focus();
+},	setFocusOnFirstRadioButton: function(testPageDocument){
+	// sets focus on the first radio button
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.tabIndex = -1;
+	});
+	radios[0].tabIndex = 0;
+	radios[0].focus();
+},	setFocusOnSecondRadioButton: function(testPageDocument){
+	// sets focus on the second radio button
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.tabIndex = -1;
+	});
+	radios[1].tabIndex = 0;
+	radios[1].focus();
+},	setFocusOnThirdRadioButton: function(testPageDocument){
+	// sets focus on the third radio button
+	let radios = testPageDocument.querySelectorAll('[role="radio"]');
+	radios.forEach(r => {
+	r.setAttribute('aria-checked', 'false');
+	r.tabIndex = -1;
+	});
+	let lastRadio = radios[radios.length - 1];
+	lastRadio.tabIndex = 0;
+	lastRadio.focus();
+},	activateThirdTabAndSetFocusOnTabpanel: function(testPageDocument){
+	// activates the third tab in the tab list, and sets focus on the tab panel
+	testPageDocument.querySelectorAll('[role="tab"]').forEach(t => {
+	t.setAttribute('tabindex', '-1');
+	t.setAttribute('aria-selected', 'false');
+	});
+	testPageDocument.querySelectorAll('[role="tabpanel"]').forEach(p => {
+	p.classList.add('is-hidden');
+	});
+	let thirdTab = testPageDocument.querySelector('#complex');
+	let thirdPanel = testPageDocument.querySelector('#complex-complex');
+	thirdTab.removeAttribute('tabindex');
+	thirdTab.setAttribute('aria-selected', 'true');
+	thirdPanel.classList.remove('is-hidden');
+	thirdPanel.focus();
+},	setFocusAfterTabpanel: function(testPageDocument){
+	// sets focus on a link after the tab panel
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeTablist: function(testPageDocument){
+	// sets focus on a link before the tab list
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnFirstTab: function(testPageDocument){
+	// sets focus on the first tab
+	testPageDocument.querySelector('#nils').focus();
+},	setFocusOnSecondTab: function(testPageDocument){
+	// sets focus on the second tab
+	testPageDocument.querySelector('#agnes').focus();
+},	setFocusOnThirdTab: function(testPageDocument){
+	// sets focus on the third tab
+	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
+}
+          };
+
+          scripts[setupScriptName](testPageWindow.document);
+        }
+      }
+
+      function openTestPage(testPageUri, testNumber, setupScriptName) {
+        testPageWindow = window.open(testPageUri, '_blank', 'toolbar=0,location=0,menubar=0,width=400,height=400');
+
+        document.getElementById('open-test-page-' + testNumber).disabled = true;
+
+        // If the window is closed, re-enable open popup button
+        testPageWindow.onunload = function(event) {
+          window.setTimeout(() => {
+            if (testPageWindow.closed) {
+              testPageWindow = undefined;
+              document.getElementById('open-test-page-' + testNumber).disabled = false;
+            }
+          }, 100);
+
+        };
+
+        executeScriptInTestPage(setupScriptName, testPageWindow);
+      }
+    </script>
+  </head>
+  <body>
+
+    <h1>Test plan review for pattern: toggle-button (24 tests)</h1>
+
+    <fieldset>
+      <legend>Filter tests by assistive technology</legend>
+      <input type="radio" onclick="filterATs(this)" id="all" value="all" checked="true"><label for="all">All assistive technologies</label>
+        <input type="radio" onclick="filterATs(this)" id="jaws" value="jaws"><label for="jaws">JAWS</label>
+        <input type="radio" onclick="filterATs(this)" id="nvda" value="nvda"><label for="nvda">NVDA</label>
+        <input type="radio" onclick="filterATs(this)" id="voiceover_macos" value="voiceover_macos"><label for="voiceover_macos">VoiceOver for macOS</label>
+    </fieldset>
+
+    <h2>Test 1: Navigate forwards to a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-1"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 1, 'setFocusBeforeButton');">Open Test 1 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 2: Navigate backwards to a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-2"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 2, 'setFocusAfterButton');">Open Test 2 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 3: Navigate forwards to a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-3"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 3, 'setFocusBeforeButton');">Open Test 3 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 4: Navigate backwards to a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-4"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 4, 'setFocusAfterButton');">Open Test 4 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 5: Navigate forwards to a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-5"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 5, 'setFocusBeforeButton');">Open Test 5 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Control+Option+Right</li>
+                   <li>Tab</li>
+                   <li>Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 6: Navigate backwards to a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-6"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 6, 'setFocusAfterButton');">Open Test 6 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Ctrl+Option+Left</li>
+                   <li>Shift+Tab</li>
+                   <li>Shift+Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 7: Navigate forwards to a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-7"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 7, 'setFocusBeforeButton');">Open Test 7 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 8: Navigate backwards to a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-8"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 8, 'setFocusAfterButton');">Open Test 8 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 9: Navigate forwards to a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-9"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 9, 'setFocusBeforeButton');">Open Test 9 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 10: Navigate backwards to a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-10"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 10, 'setFocusAfterButton');">Open Test 10 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 11: Navigate forwards to a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-11"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 11, 'setFocusBeforeButton');">Open Test 11 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Control+Option+Right</li>
+                   <li>Tab</li>
+                   <li>Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 12: Navigate backwards to a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-12"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 12, 'setFocusAfterButton');">Open Test 12 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Ctrl+Option+Left</li>
+                   <li>Shift+Tab</li>
+                   <li>Shift+Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 13: Read information about a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-13"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 13, 'setFocusOnButton');">Open Test 13 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 14: Read information about a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-14"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 14, 'setFocusOnButton');">Open Test 14 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 15: Read information about a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-15"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 15, 'setFocusOnButton');">Open Test 15 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Control+Option+F3</li>
+                   <li>Control+Option+F4</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 16: Read information about a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-16"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 16, 'setFocusOnButtonAndSetStateToPressed');">Open Test 16 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 17: Read information about a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-17"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 17, 'setFocusOnButtonAndSetStateToPressed');">Open Test 17 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 18: Read information about a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-18"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 18, 'setFocusOnButtonAndSetStateToPressed');">Open Test 18 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Control+Option+F3</li>
+                   <li>Control+Option+F4</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 19: Operate a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-19"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 19, 'setFocusOnButton');">Open Test 19 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 20: Operate a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-20"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 20, 'setFocusOnButton');">Open Test 20 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 21: Operate a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-21"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 21, 'setFocusOnButton');">Open Test 21 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Control+Option+Space</li>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 22: Operate a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-22-operate-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-22-operate-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-22"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 22, 'setFocusOnButtonAndSetStateToPressed');">Open Test 22 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 23: Operate a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-23"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 23, 'setFocusOnButtonAndSetStateToPressed');">Open Test 23 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 24: Operate a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Last edited: </li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-24"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 24, 'setFocusOnButtonAndSetStateToPressed');">Open Test 24 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Control+Option+Space</li>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+
+  </body>
+</html>
diff --git a/build/tests/toggle-button/commands.json b/build/tests/toggle-button/commands.json
new file mode 100644
index 000000000..aeadbbfa8
--- /dev/null
+++ b/build/tests/toggle-button/commands.json
@@ -0,0 +1,160 @@
+{
+  "navigate forwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  },
+  "navigate backwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  },
+  "navigate forwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  },
+  "navigate backwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  },
+  "read information about not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  },
+  "read information about pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  },
+  "operate not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  },
+  "operate pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  }
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/index.html b/build/tests/toggle-button/index.html
new file mode 100644
index 000000000..347acdfd4
--- /dev/null
+++ b/build/tests/toggle-button/index.html
@@ -0,0 +1,101 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<head>
+  <title>Index of Assistive Technology Test Files</title>
+  <style>
+    table {
+      display: table;
+      border-collapse: collapse;
+      border-spacing: 2px;
+      border-color: gray;
+    }
+
+    thead {
+      display: table-row-group;
+      vertical-align: middle;
+      border-bottom: black solid 2px;
+    }
+
+    tbody {
+      display: table-row-group;
+      vertical-align: middle;
+      border-color: gray;
+    }
+
+    tr:nth-child(even) {background: #DDD}
+    tr:nth-child(odd) {background: #FFF}
+
+    tr {
+      display: table-row;
+      vertical-align: inherit;
+      border-color: gray;
+    }
+
+    td {
+      padding: 3px;
+      display: table-cell;
+    }
+
+    td.test {
+      text-align: center;
+    }
+
+    td.none {
+      color: #333;
+    }
+
+    th {
+      padding: 3px;
+      font-weight: bold;
+      display: table-cell;
+    }
+  </style>
+</head>
+<body>
+ <main>
+  <h1>Index of Assistive Technology Test Files</h1>
+  <p>This is useful for viewing the local files on a local web server and provides links that will work when the local version of the
+  test runner is being executed, using <code>npm run start</code> from the root directory: <code>/home/runner/work/aria-at/aria-at/</code>.</p>
+  <table>
+    <thead>
+      <tr>
+        <th>Task ID</th>
+        <th>Testing Task</th>
+        <th>JAWS</th>
+<th>NVDA</th>
+<th>VoiceOver for macOS</th>
+
+        <th>Setup Script Reference</th>
+      </tr>
+    </thead>
+    <tbody>
+<tr><td>1</td><td scope="row">Navigate forwards to a not pressed toggle button in reading mode</td><td class="test"><a href="test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 1">JAWS</a></td><td class="test"><a href="test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 1">NVDA</a></td><td class="test none">not included</td><td>setFocusBeforeButton</td></tr>
+<tr><td>2</td><td scope="row">Navigate backwards to a not pressed toggle button in reading mode</td><td class="test"><a href="test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 2">JAWS</a></td><td class="test"><a href="test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 2">NVDA</a></td><td class="test none">not included</td><td>setFocusAfterButton</td></tr>
+<tr><td>3</td><td scope="row">Navigate forwards to a not pressed toggle button in interaction mode</td><td class="test"><a href="test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 3">JAWS</a></td><td class="test"><a href="test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 3">NVDA</a></td><td class="test none">not included</td><td>setFocusBeforeButton</td></tr>
+<tr><td>4</td><td scope="row">Navigate backwards to a not pressed toggle button in interaction mode</td><td class="test"><a href="test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 4">JAWS</a></td><td class="test"><a href="test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 4">NVDA</a></td><td class="test none">not included</td><td>setFocusAfterButton</td></tr>
+<tr><td>5</td><td scope="row">Navigate forwards to a not pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 5">VoiceOver for macOS</a></td><td>setFocusBeforeButton</td></tr>
+<tr><td>6</td><td scope="row">Navigate backwards to a not pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 6">VoiceOver for macOS</a></td><td>setFocusAfterButton</td></tr>
+<tr><td>7</td><td scope="row">Navigate forwards to a pressed toggle button in reading mode</td><td class="test"><a href="test-07-navigate-forwards-to-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 7">JAWS</a></td><td class="test"><a href="test-07-navigate-forwards-to-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 7">NVDA</a></td><td class="test none">not included</td><td>setFocusBeforeButton</td></tr>
+<tr><td>8</td><td scope="row">Navigate backwards to a pressed toggle button in reading mode</td><td class="test"><a href="test-08-navigate-backwards-to-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 8">JAWS</a></td><td class="test"><a href="test-08-navigate-backwards-to-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 8">NVDA</a></td><td class="test none">not included</td><td>setFocusAfterButton</td></tr>
+<tr><td>9</td><td scope="row">Navigate forwards to a pressed toggle button in interaction mode</td><td class="test"><a href="test-09-navigate-forwards-to-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 9">JAWS</a></td><td class="test"><a href="test-09-navigate-forwards-to-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 9">NVDA</a></td><td class="test none">not included</td><td>setFocusBeforeButton</td></tr>
+<tr><td>10</td><td scope="row">Navigate backwards to a pressed toggle button in interaction mode</td><td class="test"><a href="test-10-navigate-backwards-to-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 10">JAWS</a></td><td class="test"><a href="test-10-navigate-backwards-to-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 10">NVDA</a></td><td class="test none">not included</td><td>setFocusAfterButton</td></tr>
+<tr><td>11</td><td scope="row">Navigate forwards to a pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-11-navigate-forwards-to-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 11">VoiceOver for macOS</a></td><td>setFocusBeforeButton</td></tr>
+<tr><td>12</td><td scope="row">Navigate backwards to a pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-12-navigate-backwards-to-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 12">VoiceOver for macOS</a></td><td>setFocusAfterButton</td></tr>
+<tr><td>13</td><td scope="row">Read information about a not pressed toggle button in reading mode</td><td class="test"><a href="test-13-read-information-about-not-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 13">JAWS</a></td><td class="test"><a href="test-13-read-information-about-not-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 13">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButton</td></tr>
+<tr><td>14</td><td scope="row">Read information about a not pressed toggle button in interaction mode</td><td class="test"><a href="test-14-read-information-about-not-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 14">JAWS</a></td><td class="test"><a href="test-14-read-information-about-not-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 14">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButton</td></tr>
+<tr><td>15</td><td scope="row">Read information about a not pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-15-read-information-about-not-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 15">VoiceOver for macOS</a></td><td>setFocusOnButton</td></tr>
+<tr><td>16</td><td scope="row">Read information about a pressed toggle button in reading mode</td><td class="test"><a href="test-16-read-information-about-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 16">JAWS</a></td><td class="test"><a href="test-16-read-information-about-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 16">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButtonAndSetStateToPressed</td></tr>
+<tr><td>17</td><td scope="row">Read information about a pressed toggle button in interaction mode</td><td class="test"><a href="test-17-read-information-about-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 17">JAWS</a></td><td class="test"><a href="test-17-read-information-about-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 17">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButtonAndSetStateToPressed</td></tr>
+<tr><td>18</td><td scope="row">Read information about a pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-18-read-information-about-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 18">VoiceOver for macOS</a></td><td>setFocusOnButtonAndSetStateToPressed</td></tr>
+<tr><td>19</td><td scope="row">Operate a not pressed toggle button in reading mode</td><td class="test"><a href="test-19-operate-not-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 19">JAWS</a></td><td class="test"><a href="test-19-operate-not-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 19">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButton</td></tr>
+<tr><td>20</td><td scope="row">Operate a not pressed toggle button in interaction mode</td><td class="test"><a href="test-20-operate-not-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 20">JAWS</a></td><td class="test"><a href="test-20-operate-not-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 20">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButton</td></tr>
+<tr><td>21</td><td scope="row">Operate a not pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-21-operate-not-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 21">VoiceOver for macOS</a></td><td>setFocusOnButton</td></tr>
+<tr><td>22</td><td scope="row">Operate a pressed toggle button in reading mode</td><td class="test"><a href="test-22-operate-pressed-toggle-button-reading.html?at=jaws" aria-label="JAWS test for task 22">JAWS</a></td><td class="test"><a href="test-22-operate-pressed-toggle-button-reading.html?at=nvda" aria-label="NVDA test for task 22">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButtonAndSetStateToPressed</td></tr>
+<tr><td>23</td><td scope="row">Operate a pressed toggle button in interaction mode</td><td class="test"><a href="test-23-operate-pressed-toggle-button-interaction.html?at=jaws" aria-label="JAWS test for task 23">JAWS</a></td><td class="test"><a href="test-23-operate-pressed-toggle-button-interaction.html?at=nvda" aria-label="NVDA test for task 23">NVDA</a></td><td class="test none">not included</td><td>setFocusOnButtonAndSetStateToPressed</td></tr>
+<tr><td>24</td><td scope="row">Operate a pressed toggle button</td><td class="test none">not included</td><td class="test none">not included</td><td class="test"><a href="test-24-operate-pressed-toggle-button-interaction.html?at=voiceover_macos" aria-label="VoiceOver for macOS test for task 24">VoiceOver for macOS</a></td><td>setFocusOnButtonAndSetStateToPressed</td></tr>
+
+    </tbody>
+  </table>
+  </main>
+</body>
diff --git a/build/tests/toggle-button/reference/2021-3-29_145942/button.html b/build/tests/toggle-button/reference/2021-3-29_145942/button.html
new file mode 100644
index 000000000..5a987fe31
--- /dev/null
+++ b/build/tests/toggle-button/reference/2021-3-29_145942/button.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Toggle Button Example</title>
+
+  <!-- CSS and JS for this example. -->
+  <link rel="stylesheet" href="css/button.css">
+  <script src="js/button.js"></script>
+</head>
+<body>
+  <main>
+    <h1>Toggle Button Example</h1>
+
+    <p>
+      The following toggle button example demonstrates the <a href="https://w3c.github.io/aria-practices/#button">button design pattern.</a>
+    </p>
+
+    <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 style="display: none;">This <q>Print</q> action button uses a <code>div</code> element.</p>
+        <div  style="display: none;" tabindex="-1" role="button" id="action">Print Page</div>
+
+        <p>This <q>Mute</q> toggle button uses an <code>a</code> element.</p>
+        <a id="beforelink" href="#beforelink">Navigate forwards from here</a>
+        <a tabindex="0" role="button" id="toggle" aria-pressed="false">
+          Mute
+          <svg aria-hidden="true" focusable="false">
+            <use xlink:href="#icon-sound"></use>
+          </svg>
+        </a>
+        <a id="afterlink" href="#afterlink">Navigate backwards from here</a>
+
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none" id="svg_definitions">
+          <defs>
+            <symbol id="icon-mute" viewBox="0 0 75 75">
+              <polygon
+                 id="polygon1"
+                 points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
+                 style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;" />
+              <path
+                 id="path3003"
+                 d="M 48.651772,50.269646 69.395223,25.971024"
+                 style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round" />
+              <path
+                 id="path3003-1"
+                 d="M 69.395223,50.269646 48.651772,25.971024"
+                 style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+            </symbol>
+            <symbol id="icon-sound" viewBox="0 0 75 75">
+              <polygon points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
+                style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;"/>
+              <path d="M 48.128,49.03 C 50.057,45.934 51.19,42.291 51.19,38.377 C 51.19,34.399 50.026,30.703 48.043,27.577"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+              <path d="M 55.082,20.537 C 58.777,25.523 60.966,31.694 60.966,38.377 C 60.966,44.998 58.815,51.115 55.178,56.076"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+              <path d="M 61.71,62.611 C 66.977,55.945 70.128,47.531 70.128,38.378 C 70.128,29.161 66.936,20.696 61.609,14.01"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+            </symbol>
+          </defs>
+        </svg>
+
+      </div>
+
+      <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
+    </section>
+  </main>
+</body>
+</html>
diff --git a/build/tests/toggle-button/reference/2021-3-29_145942/css/button.css b/build/tests/toggle-button/reference/2021-3-29_145942/css/button.css
new file mode 100644
index 000000000..2658d6c1e
--- /dev/null
+++ b/build/tests/toggle-button/reference/2021-3-29_145942/css/button.css
@@ -0,0 +1,115 @@
+[role="button"] {
+  display: inline-block;
+  position: relative;
+  padding: 0.4em 0.7em;
+  border: 1px solid hsl(213, 71%, 49%);
+  border-radius: 5px;
+  box-shadow: 0 1px 2px hsl(216, 27%, 55%);
+  color: #fff;
+  text-shadow: 0 -1px 1px hsl(216, 27%, 25%);
+  background-color: hsl(216, 82%, 51%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(216, 82%, 53%),
+    hsl(216, 82%, 47%)
+  );
+}
+
+[role="button"]:hover {
+  border-color: hsl(213, 71%, 29%);
+  background-color: hsl(216, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(216, 82%, 33%),
+    hsl(216, 82%, 27%)
+  );
+  cursor: default;
+}
+
+[role="button"]:focus {
+  outline: none;
+}
+
+[role="button"]:focus::before {
+  position: absolute;
+  z-index: -1;
+
+  /* button border width - outline width - offset */
+  top: calc(-1px - 3px - 3px);
+  right: calc(-1px - 3px - 3px);
+  bottom: calc(-1px - 3px - 3px);
+  left: calc(-1px - 3px - 3px);
+  border: 3px solid hsl(213, 71%, 49%);
+
+  /* button border radius + outline width + offset */
+  border-radius: calc(5px + 3px + 3px);
+  content: "";
+}
+
+[role="button"]:active {
+  border-color: hsl(213, 71%, 49%);
+  background-color: hsl(216, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(216, 82%, 53%),
+    hsl(216, 82%, 47%)
+  );
+  box-shadow: inset 0 3px 5px 1px hsl(216, 82%, 30%);
+}
+
+[role="button"][aria-pressed] {
+  border-color: hsl(261, 71%, 49%);
+  box-shadow: 0 1px 2px hsl(261, 27%, 55%);
+  text-shadow: 0 -1px 1px hsl(261, 27%, 25%);
+  background-color: hsl(261, 82%, 51%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 53%),
+    hsl(261, 82%, 47%)
+  );
+}
+
+[role="button"][aria-pressed]:hover {
+  border-color: hsl(261, 71%, 29%);
+  background-color: hsl(261, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 33%),
+    hsl(261, 82%, 27%)
+  );
+}
+
+[role="button"][aria-pressed="true"] {
+  padding-top: 0.5em;
+  padding-bottom: 0.3em;
+  border-color: hsl(261, 71%, 49%);
+  background-color: hsl(261, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 63%),
+    hsl(261, 82%, 57%)
+  );
+  box-shadow: inset 0 3px 5px 1px hsl(261, 82%, 30%);
+}
+
+[role="button"][aria-pressed="true"]:hover {
+  border-color: hsl(261, 71%, 49%);
+  background-color: hsl(261, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 43%),
+    hsl(261, 82%, 37%)
+  );
+  box-shadow: inset 0 3px 5px 1px hsl(261, 82%, 20%);
+}
+
+[role="button"][aria-pressed]:focus::before {
+  border-color: hsl(261, 71%, 49%);
+}
+
+[role="button"] svg {
+  margin: 0.15em auto -0.15em;
+  height: 1em;
+  width: 1em;
+  pointer-events: none;
+}
diff --git a/build/tests/toggle-button/reference/2021-3-29_145942/js/button.js b/build/tests/toggle-button/reference/2021-3-29_145942/js/button.js
new file mode 100644
index 000000000..b27c129f6
--- /dev/null
+++ b/build/tests/toggle-button/reference/2021-3-29_145942/js/button.js
@@ -0,0 +1,118 @@
+/*
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   JS code for the button design pattern
+ */
+
+'use strict';
+
+var ICON_MUTE_URL = '#icon-mute';
+var ICON_SOUND_URL = '#icon-sound';
+
+function init() {
+  var actionButton = document.getElementById('action');
+  actionButton.addEventListener('click', activateActionButton);
+  actionButton.addEventListener('keydown', actionButtonKeydownHandler);
+  actionButton.addEventListener('keyup', actionButtonKeyupHandler);
+
+  var toggleButton = document.getElementById('toggle');
+  toggleButton.addEventListener('click', toggleButtonClickHandler);
+  toggleButton.addEventListener('keydown', toggleButtonKeydownHandler);
+  toggleButton.addEventListener('keyup', toggleButtonKeyupHandler);
+}
+
+/**
+ * Activates the action button with the enter key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function actionButtonKeydownHandler(event) {
+  // The action button is activated by space on the keyup event, but the
+  // default action for space is already triggered on keydown. It needs to be
+  // prevented to stop scrolling the page before activating the button.
+  if (event.keyCode === 32) {
+    event.preventDefault();
+  }
+  // If enter is pressed, activate the button
+  else if (event.keyCode === 13) {
+    event.preventDefault();
+    activateActionButton();
+  }
+}
+
+/**
+ * Activates the action button with the space key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function actionButtonKeyupHandler(event) {
+  if (event.keyCode === 32) {
+    event.preventDefault();
+    activateActionButton();
+  }
+}
+
+function activateActionButton() {
+  window.print();
+}
+
+/**
+ * Toggles the toggle button’s state if it’s actually a button element or has
+ * the `role` attribute set to `button`.
+ *
+ * @param {MouseEvent} event
+ */
+function toggleButtonClickHandler(event) {
+  if (
+    event.currentTarget.tagName === 'button' ||
+    event.currentTarget.getAttribute('role') === 'button'
+  ) {
+    toggleButtonState(event.currentTarget);
+  }
+}
+
+/**
+ * Toggles the toggle button’s state with the enter key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function toggleButtonKeydownHandler(event) {
+  if (event.keyCode === 32) {
+    event.preventDefault();
+  } else if (event.keyCode === 13) {
+    event.preventDefault();
+    toggleButtonState(event.currentTarget);
+  }
+}
+
+/**
+ * Toggles the toggle button’s state with space key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function toggleButtonKeyupHandler(event) {
+  if (event.keyCode === 32) {
+    event.preventDefault();
+    toggleButtonState(event.currentTarget);
+  }
+}
+
+/**
+ * Toggles the toggle button’s state between *pressed* and *not pressed*.
+ *
+ * @param {HTMLElement} button
+ */
+function toggleButtonState(button) {
+  var isAriaPressed = button.getAttribute('aria-pressed') === 'true';
+
+  button.setAttribute('aria-pressed', isAriaPressed ? 'false' : 'true');
+
+  var icon = button.querySelector('use');
+  icon.setAttribute(
+    'xlink:href',
+    isAriaPressed ? ICON_SOUND_URL : ICON_MUTE_URL
+  );
+}
+
+window.onload = init;
diff --git a/build/tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..bc50d9fbc
--- /dev/null
+++ b/build/tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate forwards to a not pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusBeforeButton: function(testPageDocument){
+			// sets focus on a link before the button
+			testPageDocument.querySelector('#beforelink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate forwards to not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate forwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..47e95d1d4
--- /dev/null
+++ b/build/tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate forwards to not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..52d0a73ff
--- /dev/null
+++ b/build/tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate backwards to a not pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusAfterButton: function(testPageDocument){
+			// sets focus on a link after the button
+			testPageDocument.querySelector('#afterlink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate backwards to not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate backwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..1b4a12994
--- /dev/null
+++ b/build/tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate backwards to not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..2b80e1cc8
--- /dev/null
+++ b/build/tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate forwards to a not pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusBeforeButton: function(testPageDocument){
+			// sets focus on a link before the button
+			testPageDocument.querySelector('#beforelink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate forwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..f44e47ac2
--- /dev/null
+++ b/build/tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..d3ae4a322
--- /dev/null
+++ b/build/tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate backwards to a not pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusAfterButton: function(testPageDocument){
+			// sets focus on a link after the button
+			testPageDocument.querySelector('#afterlink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate backwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..06d0c6b2c
--- /dev/null
+++ b/build/tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..cfdc92649
--- /dev/null
+++ b/build/tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,81 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate forwards to a not pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusBeforeButton: function(testPageDocument){
+			// sets focus on a link before the button
+			testPageDocument.querySelector('#beforelink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate forwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..dd1088174
--- /dev/null
+++ b/build/tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,24 @@
+{
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..f0d93946b
--- /dev/null
+++ b/build/tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,81 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate backwards to a not pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusAfterButton: function(testPageDocument){
+			// sets focus on a link after the button
+			testPageDocument.querySelector('#afterlink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate backwards to not pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..e64a40bba
--- /dev/null
+++ b/build/tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,24 @@
+{
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..15720e179
--- /dev/null
+++ b/build/tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate forwards to a pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusBeforeButton: function(testPageDocument){
+			// sets focus on a link before the button
+			testPageDocument.querySelector('#beforelink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate forwards to pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate forwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..677c090c1
--- /dev/null
+++ b/build/tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate forwards to pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..481647234
--- /dev/null
+++ b/build/tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate backwards to a pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusAfterButton: function(testPageDocument){
+			// sets focus on a link after the button
+			testPageDocument.querySelector('#afterlink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate backwards to pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate backwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..3ccc24308
--- /dev/null
+++ b/build/tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "navigate backwards to pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..ad78b554d
--- /dev/null
+++ b/build/tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate forwards to a pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusBeforeButton: function(testPageDocument){
+			// sets focus on a link before the button
+			testPageDocument.querySelector('#beforelink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate forwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..e7a079137
--- /dev/null
+++ b/build/tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..e885c48e5
--- /dev/null
+++ b/build/tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.html
@@ -0,0 +1,82 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate backwards to a pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusAfterButton: function(testPageDocument){
+			// sets focus on a link after the button
+			testPageDocument.querySelector('#afterlink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate backwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..b45a63be4
--- /dev/null
+++ b/build/tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..201e099e6
--- /dev/null
+++ b/build/tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.html
@@ -0,0 +1,81 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate forwards to a pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusBeforeButton: function(testPageDocument){
+			// sets focus on a link before the button
+			testPageDocument.querySelector('#beforelink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate forwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ],
+      "nvda": [
+        [ "DOWN" ],
+        [ "B" ],
+        [ "F" ],
+        [ "TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "TAB" ] ],
+      "nvda": [ [ "TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_RIGHT" ],
+        [ "TAB" ],
+        [ "CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..bdf36193a
--- /dev/null
+++ b/build/tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.json
@@ -0,0 +1,24 @@
+{
+  "setup_script_description": "sets focus on a link before the button",
+  "setupTestPage": "setFocusBeforeButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate forwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..989ed36a7
--- /dev/null
+++ b/build/tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.html
@@ -0,0 +1,81 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Navigate backwards to a pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusAfterButton: function(testPageDocument){
+			// sets focus on a link after the button
+			testPageDocument.querySelector('#afterlink').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "navigate backwards to pressed toggle button": {
+    "reading": {
+      "jaws": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ],
+      "nvda": [
+        [ "UP" ],
+        [ "SHIFT_B" ],
+        [ "SHIFT_F" ],
+        [ "SHIFT_TAB" ]
+      ]
+    },
+    "interaction": {
+      "jaws": [ [ "SHIFT_TAB" ] ],
+      "nvda": [ [ "SHIFT_TAB" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_LEFT" ],
+        [ "SHIFT_TAB" ],
+        [ "SHIFT_CTRL_OPT_CMD_J" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..4081682d5
--- /dev/null
+++ b/build/tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.json
@@ -0,0 +1,24 @@
+{
+  "setup_script_description": "sets focus on a link after the button",
+  "setupTestPage": "setFocusAfterButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "navigate backwards to pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..778ac0d2c
--- /dev/null
+++ b/build/tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.html
@@ -0,0 +1,71 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Read information about a not pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButton: function(testPageDocument){
+			// sets focus on the button
+			testPageDocument.querySelector('#toggle').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "read information about not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "read information about not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..128bf35e1
--- /dev/null
+++ b/build/tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "read information about not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..1557c46a8
--- /dev/null
+++ b/build/tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,71 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Read information about a not pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButton: function(testPageDocument){
+			// sets focus on the button
+			testPageDocument.querySelector('#toggle').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "read information about not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "read information about not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..bbb8ffa64
--- /dev/null
+++ b/build/tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "read information about not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..186381fc1
--- /dev/null
+++ b/build/tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,70 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Read information about a not pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButton: function(testPageDocument){
+			// sets focus on the button
+			testPageDocument.querySelector('#toggle').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "read information about not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "read information about not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..3bc0551af
--- /dev/null
+++ b/build/tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,24 @@
+{
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "read information about not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'not pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..36350a299
--- /dev/null
+++ b/build/tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.html
@@ -0,0 +1,74 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Read information about a pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+			// sets focus on the button, and sets its state to 'pressed'
+			let button = testPageDocument.querySelector('#toggle');
+			button.setAttribute('aria-pressed', 'true');
+			button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+			button.focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "read information about pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "read information about pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..351cb9820
--- /dev/null
+++ b/build/tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "read information about pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..4cb1b400b
--- /dev/null
+++ b/build/tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.html
@@ -0,0 +1,74 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Read information about a pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+			// sets focus on the button, and sets its state to 'pressed'
+			let button = testPageDocument.querySelector('#toggle');
+			button.setAttribute('aria-pressed', 'true');
+			button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+			button.focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "read information about pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "read information about pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..2a859c8bf
--- /dev/null
+++ b/build/tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.json
@@ -0,0 +1,25 @@
+{
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "read information about pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..d80f97fa9
--- /dev/null
+++ b/build/tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.html
@@ -0,0 +1,73 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Read information about a pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+			// sets focus on the button, and sets its state to 'pressed'
+			let button = testPageDocument.querySelector('#toggle');
+			button.setAttribute('aria-pressed', 'true');
+			button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+			button.focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "read information about pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "read information about pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "nvda": [ [ "INS_TAB" ], [ "INS_UP" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_F3" ],
+        [ "CTRL_OPT_F4" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..35c0c52b8
--- /dev/null
+++ b/build/tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.json
@@ -0,0 +1,24 @@
+{
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "read information about pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, read information about the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Role 'button' is conveyed"
+    ],
+    [
+      "1",
+      "Name 'Mute' is conveyed"
+    ],
+    [
+      "1",
+      "State 'pressed' is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..131c4c0d8
--- /dev/null
+++ b/build/tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.html
@@ -0,0 +1,64 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Operate a not pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButton: function(testPageDocument){
+			// sets focus on the button
+			testPageDocument.querySelector('#toggle').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "operate not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "operate not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..322c660fc
--- /dev/null
+++ b/build/tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.json
@@ -0,0 +1,17 @@
+{
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "operate not pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..503ccb930
--- /dev/null
+++ b/build/tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,64 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Operate a not pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButton: function(testPageDocument){
+			// sets focus on the button
+			testPageDocument.querySelector('#toggle').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "operate not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "operate not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..660f360ff
--- /dev/null
+++ b/build/tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,17 @@
+{
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "operate not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..c3e8eaef4
--- /dev/null
+++ b/build/tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.html
@@ -0,0 +1,67 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Operate a not pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButton: function(testPageDocument){
+			// sets focus on the button
+			testPageDocument.querySelector('#toggle').focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "operate not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ],
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "operate not pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..df3387533
--- /dev/null
+++ b/build/tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.json
@@ -0,0 +1,20 @@
+{
+  "setup_script_description": "sets focus on the button",
+  "setupTestPage": "setFocusOnButton",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "operate not pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ],
+    [
+      "1",
+      "Change in state, to 'pressed', is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-22-operate-pressed-toggle-button-reading.html b/build/tests/toggle-button/test-22-operate-pressed-toggle-button-reading.html
new file mode 100644
index 000000000..8ff3f074d
--- /dev/null
+++ b/build/tests/toggle-button/test-22-operate-pressed-toggle-button-reading.html
@@ -0,0 +1,67 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Operate a pressed toggle button in reading mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+			// sets focus on the button, and sets its state to 'pressed'
+			let button = testPageDocument.querySelector('#toggle');
+			button.setAttribute('aria-pressed', 'true');
+			button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+			button.focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "operate pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'not pressed', is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "operate pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-22-operate-pressed-toggle-button-reading.json b/build/tests/toggle-button/test-22-operate-pressed-toggle-button-reading.json
new file mode 100644
index 000000000..b0b2bae75
--- /dev/null
+++ b/build/tests/toggle-button/test-22-operate-pressed-toggle-button-reading.json
@@ -0,0 +1,17 @@
+{
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "reading",
+  "task": "operate pressed toggle button",
+  "specific_user_instruction": "With the reading cursor on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'not pressed', is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..e43bec5a7
--- /dev/null
+++ b/build/tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.html
@@ -0,0 +1,67 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Operate a pressed toggle button in interaction mode</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+			// sets focus on the button, and sets its state to 'pressed'
+			let button = testPageDocument.querySelector('#toggle');
+			button.setAttribute('aria-pressed', 'true');
+			button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+			button.focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "operate pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'not pressed', is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "operate pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..66758b8e8
--- /dev/null
+++ b/build/tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.json
@@ -0,0 +1,17 @@
+{
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "jaws",
+    "nvda"
+  ],
+  "mode": "interaction",
+  "task": "operate pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'not pressed', is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.html b/build/tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.html
new file mode 100644
index 000000000..a8080a0b2
--- /dev/null
+++ b/build/tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.html
@@ -0,0 +1,66 @@
+
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Operate a pressed toggle button</title>
+<link rel="help" href="https://w3c.github.io/aria-practices/examples/button/button.html">
+<link rel="help" href="https://w3c.github.io/aria/#button">
+<link rel="help" href="https://w3c.github.io/aria/#aria-pressed">
+
+<script>
+  var scripts = {
+		setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+			// sets focus on the button, and sets its state to 'pressed'
+			let button = testPageDocument.querySelector('#toggle');
+			button.setAttribute('aria-pressed', 'true');
+			button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+			button.focus();
+		}
+	};
+</script>
+<script type="module">
+  import { initialize, verifyATBehavior, displayTestPageAndInstructions } from "../resources/aria-at-harness.mjs";
+
+  new Promise((resolve) => {
+    fetch('../support.json')
+      .then(response => resolve(response.json()))
+    })
+  .then(supportJson => {
+    const testJson = {
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "operate pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'not pressed', is conveyed"
+    ]
+  ]
+};
+    const commandJson = {
+  "operate pressed toggle button": {
+    "reading": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ]
+    },
+    "interaction": {
+      "jaws": [ [ "SPACE" ], [ "ENTER" ] ],
+      "nvda": [ [ "SPACE" ], [ "ENTER" ] ],
+      "voiceover_macos": [
+        [ "CTRL_OPT_SPACE" ],
+        [ "SPACE" ],
+        [ "ENTER" ]
+      ]
+    }
+  }
+};
+    initialize(supportJson, commandJson);
+    verifyATBehavior(testJson);
+    displayTestPageAndInstructions("reference/2021-3-29_145942/button.html");
+  });
+</script>
+  
\ No newline at end of file
diff --git a/build/tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.json b/build/tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.json
new file mode 100644
index 000000000..2b5b7e1ce
--- /dev/null
+++ b/build/tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.json
@@ -0,0 +1,16 @@
+{
+  "setup_script_description": "sets focus on the button, and sets its state to 'pressed'",
+  "setupTestPage": "setFocusOnButtonAndSetStateToPressed",
+  "applies_to": [
+    "voiceover_macos"
+  ],
+  "mode": "interaction",
+  "task": "operate pressed toggle button",
+  "specific_user_instruction": "With focus on the 'Mute' button, activate the button.",
+  "output_assertions": [
+    [
+      "1",
+      "Change in state, to 'not pressed', is conveyed"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/review/toggle-button.html b/review/toggle-button.html
new file mode 100644
index 000000000..0b18e6c2b
--- /dev/null
+++ b/review/toggle-button.html
@@ -0,0 +1,1959 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<html>
+  <head>
+    <title>Test plan review for pattern: toggle-button</title>
+    <style>
+      table {
+        border-collapse: collapse;
+        margin-bottom: 1em;
+      }
+
+      table, td, th {
+        border: 1px solid black;
+      }
+
+      td {
+        padding: .5em;
+      }
+
+    </style>
+    <script>
+      const filterATs = function(button) {
+        const val = button.value;
+
+        if (val === 'all') {
+          for (let at of document.querySelectorAll('input')) {
+            if (at.value !== 'all') {
+              for (let result of document.querySelectorAll(`.${at.value}`)) {
+                result.style.display = 'block';
+              }
+              at.checked = false;
+            }
+            else {
+              at.checked = true;
+            }
+          }
+        }
+        else {
+          for (let at of document.querySelectorAll('input')) {
+
+            if (at.value === val) {
+              at.checked = true;
+            }
+            else {
+              at.checked = false;
+            }
+
+            for (let result of document.querySelectorAll(`.${at.value}`)) {
+              result.style.display = 'none';
+            }
+            for (let result of document.querySelectorAll(`.${val}`)) {
+              result.style.display = 'block';
+            }
+
+          }
+        }
+      }
+
+      function executeScriptInTestPage(setupScriptName, testPageWindow) {
+        if (testPageWindow.location.origin !== window.location.origin // make sure the origin is the same, and prevent this from firing on an 'about' page
+            || testPageWindow.document.readyState !== 'complete'
+        ) {
+          window.setTimeout(() => {
+            executeScriptInTestPage(setupScriptName, testPageWindow);
+          }, 100);
+          return;
+        }
+
+        if (setupScriptName) {
+          var scripts = {
+            	checkFirstCheckbox: function(testPageDocument){
+	// Set aria-checked on first checkbox
+	testPageDocument.querySelector('[role="checkbox"]').setAttribute('aria-checked', 'true');
+},	moveFocusAndCheckFirstCheckbox: function(testPageDocument){
+	// Move focus and set aria-checked on first checkbox
+	const checkbox = testPageDocument.querySelector('[role="checkbox"]');
+	checkbox.focus();
+	checkbox.setAttribute('aria-checked', 'true');
+},	moveFocusToFirstCheckbox: function(testPageDocument){
+	// Move focus to first checkbox
+	testPageDocument.querySelector('[role="checkbox"]').focus();
+},	moveFocusAfterFirstCheckbox: function(testPageDocument){
+	// sets focus on a link after the first checkbox
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusBeforeFirstCheckbox: function(testPageDocument){
+	// sets focus on a link before the first checkbox
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusToAndUncheckFirstCheckbox: function(testPageDocument){
+	// sets focus on the first checkbox and sets its state to unchecked
+	const checkbox = testPageDocument.querySelector('[role="checkbox"]');
+	checkbox.setAttribute('aria-checked', 'false');
+	checkbox.focus();
+},	moveFocusToFirstCheckbox: function(testPageDocument){
+	// sets focus on the first checkbox
+	testPageDocument.querySelector('[role="checkbox"]').focus();
+},	buttonFocusEmptyCollpased: function(testPageDocument){
+	// Set focus on button
+	// Ensure in collapsed state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.buttonNode.focus();
+},	buttonFocusEmptyExpanded: function(testPageDocument){
+	// Set focus on button
+	// Ensure in expanded state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.buttonNode.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+	cb.open();
+},	comboboxFocusEmptyCollapsed: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' is empty
+	// Ensure in collapsed state
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = '';
+	cb.combobox.focus();
+},	comboboxFocusEmptyExpanded: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' to 'Alabama'
+	// Ensure in expanded state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = '';
+	cb.combobox.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+	cb.open();
+},	comboboxValueSetCollapsedState: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' to 'Alabama'
+	// Ensure in collapsed state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = 'Alabama';
+	cb.comboboxNode.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+},	comboboxValueSetExpandedState: function(testPageDocument){
+	// Set focus on combobox
+	// Set value of 'combobox' to 'a'
+	// Ensure in expanded state.
+	var cb = testPageDocument.comboboxAutocomplete;
+	cb.comboboxNode.value = 'a';
+	cb.comboboxNode.focus();
+	cb.filter = cb.comboboxNode.value;
+	cb.filterOptions();
+	cb.open();
+},	moveFocusAfterCombobox: function(testPageDocument){
+	// sets focus on a link after the Combobox
+	testPageDocument.querySelector('#afterlink').focus();
+},	moveFocusBeforeCombobox: function(testPageDocument){
+	// sets focus on a link before the Combobox
+	testPageDocument.querySelector('#beforelink').focus();
+},	moveFocusToCombobox: function(testPageDocument){
+	// sets focus on the combobox
+	testPageDocument.querySelector('[role="combobox"]').focus();
+},	openListbox: function(testPageDocument){
+	// sets focus on and expands the Combobox
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+},	openListboxToApple: function(testPageDocument){
+	// sets focus on and expands the Combobox, and sets the focused option to 'Apple'
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+	testPageDocument.defaultView.selectController.onOptionChange(1);
+},	openListboxToGuava: function(testPageDocument){
+	// sets focus on and expands the Combobox, and sets the focused option to 'Guave'
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+	testPageDocument.defaultView.selectController.onOptionChange(11);
+},	openListboxToHuckleberry: function(testPageDocument){
+	// sets focus on and expands the Combobox, and sets the focused option to 'Huckleberry'
+	testPageDocument.querySelector('[role="combobox"]').focus();
+	testPageDocument.defaultView.selectController.updateMenuState(true);
+	testPageDocument.defaultView.selectController.onOptionChange(12);
+},	openMenuAndSetFocusToFirstItem: function(testPageDocument){
+	// opens the menu, and sets focus on 'Action 1'
+	testPageDocument.defaultView.menuController.openPopup();
+	testPageDocument.defaultView.menuController.setFocusToFirstMenuitem();
+},	openMenuAndSetFocusToLastItem: function(testPageDocument){
+	// opens the menu, and sets focus on 'Action 4'
+	testPageDocument.defaultView.menuController.openPopup();
+	testPageDocument.defaultView.menuController.setFocusToLastMenuitem();
+},	setFocusAfterMenuButton: function(testPageDocument){
+	// sets focus on a link after the menu button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeMenuButton: function(testPageDocument){
+	// sets focus on a link before the menu button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnMenuButton: function(testPageDocument){
+	// sets focus on the menu button
+	testPageDocument.querySelector('#menubutton1').focus();
+},	focusonfirstlink: function(testPageDocument){
+	// Move focus to the link just before the meunbar
+	testPageDocument.querySelector('a').focus();
+},	focusonfont: function(testPageDocument){
+	// Move focus to the "Font" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[0].focus();
+},	focusonsize: function(testPageDocument){
+	// Move focus to the "Size" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[3].focus();
+},	focusonstylecolor: function(testPageDocument){
+	// Move focus to the "Style/Color" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[1].focus();
+},	focusontextalign: function(testPageDocument){
+	// Move focus to the "Text Align" menu item
+	testPageDocument.querySelectorAll('[role=menuitem]')[2].focus();
+},	moveFocusToAddDeliveryAddressButton: function(testPageDocument){
+	// sets focus on the 'Add Delivery Address' button
+	testPageDocument.querySelector('#ex1 > button').focus();
+},	openAddDeliveryAddressDialogAndFocusAddButton: function(testPageDocument){
+	// opens the 'Add Delivery Address' modal dialog, and sets focus on the 'Add' button
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
+},	openAddDeliveryAddressDialogAndFocusCancelButton: function(testPageDocument){
+	// opens the 'Add Delivery Address' modal dialog, and sets focus on the 'Cancel' button
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_cancel');
+},	openAddDeliveryAddressDialogAndFocusFirstInput: function(testPageDocument){
+	// opens the 'Add Delivery Address' modal dialog, and sets focus on the first input
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn);
+},	openAddressAddedDialogAndFocusYourProfileLink: function(testPageDocument){
+	// opens the 'Add Delivery Address' dialog followed by the 'Address Added' dialog, and sets focus on the 'your profile' link inside the second dialog
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
+	testPageDocument.defaultView.replaceDialog('dialog3', undefined, 'dialog3_profile');
+},	openVerificationResultDialogAndFocusCloseButton: function(testPageDocument){
+	// opens the 'Add Delivery Address' dialog followed by the 'Verification Result' dialog, and sets focus on the 'Close' button inside the second dialog
+	const btn = testPageDocument.querySelector('#ex1 > button');
+	testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
+	testPageDocument.defaultView.openDialog('dialog2', 'dialog1_verify', 'dialog2_close_btn');
+},	activateThirdTabAndSetFocusOnTabpanel: function(testPageDocument){
+	// activates the third tab in the tab list, and sets focus on the tab panel
+	testPageDocument.querySelectorAll('[role="tab"]').forEach(t => {
+	t.setAttribute('tabindex', '-1');
+	t.setAttribute('aria-selected', 'false');
+	});
+	testPageDocument.querySelectorAll('[role="tabpanel"]').forEach(p => {
+	p.classList.add('is-hidden');
+	});
+	let thirdTab = testPageDocument.querySelector('#complex');
+	let thirdPanel = testPageDocument.querySelector('#complex-complex');
+	thirdTab.removeAttribute('tabindex');
+	thirdTab.setAttribute('aria-selected', 'true');
+	thirdPanel.classList.remove('is-hidden');
+	thirdPanel.focus();
+},	setFocusAfterTabpanel: function(testPageDocument){
+	// sets focus on a link after the tab panel
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeTablist: function(testPageDocument){
+	// sets focus on a link before the tab list
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnFirstTab: function(testPageDocument){
+	// sets focus on the first tab
+	testPageDocument.querySelector('#nils').focus();
+},	setFocusOnSecondTab: function(testPageDocument){
+	// sets focus on the second tab
+	testPageDocument.querySelector('#agnes').focus();
+},	setFocusOnThirdTab: function(testPageDocument){
+	// sets focus on the third tab
+	testPageDocument.querySelector('#complex').focus();
+},	setFocusAfterButton: function(testPageDocument){
+	// sets focus on a link after the button
+	testPageDocument.querySelector('#afterlink').focus();
+},	setFocusBeforeButton: function(testPageDocument){
+	// sets focus on a link before the button
+	testPageDocument.querySelector('#beforelink').focus();
+},	setFocusOnButton: function(testPageDocument){
+	// sets focus on the button
+	testPageDocument.querySelector('#toggle').focus();
+},	setFocusOnButtonAndSetStateToPressed: function(testPageDocument){
+	// sets focus on the button, and sets its state to 'pressed'
+	let button = testPageDocument.querySelector('#toggle');
+	button.setAttribute('aria-pressed', 'true');
+	button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+	button.focus();
+}
+          };
+
+          scripts[setupScriptName](testPageWindow.document);
+        }
+      }
+
+      function openTestPage(testPageUri, testNumber, setupScriptName) {
+        testPageWindow = window.open(testPageUri, '_blank', 'toolbar=0,location=0,menubar=0,width=400,height=400');
+
+        document.getElementById('open-test-page-' + testNumber).disabled = true;
+
+        // If the window is closed, re-enable open popup button
+        testPageWindow.onunload = function(event) {
+          window.setTimeout(() => {
+            if (testPageWindow.closed) {
+              testPageWindow = undefined;
+              document.getElementById('open-test-page-' + testNumber).disabled = false;
+            }
+          }, 100);
+
+        };
+
+        executeScriptInTestPage(setupScriptName, testPageWindow);
+      }
+    </script>
+  </head>
+  <body>
+
+    <h1>Test plan review for pattern: toggle-button (24 tests)</h1>
+
+    <fieldset>
+      <legend>Filter tests by assistive technology</legend>
+      <input type="radio" onclick="filterATs(this)" id="all" value="all" checked="true"><label for="all">All assistive technologies</label>
+        <input type="radio" onclick="filterATs(this)" id="jaws" value="jaws"><label for="jaws">JAWS</label>
+        <input type="radio" onclick="filterATs(this)" id="nvda" value="nvda"><label for="nvda">NVDA</label>
+        <input type="radio" onclick="filterATs(this)" id="voiceover_macos" value="voiceover_macos"><label for="voiceover_macos">VoiceOver for macOS</label>
+    </fieldset>
+
+    <h2>Test 1: Navigate forwards to a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-01-navigate-forwards-to-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-1"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 1, 'setFocusBeforeButton');">Open Test 1 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 2: Navigate backwards to a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-02-navigate-backwards-to-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-2"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 2, 'setFocusAfterButton');">Open Test 2 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 3: Navigate forwards to a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-03-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-3"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 3, 'setFocusBeforeButton');">Open Test 3 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 4: Navigate backwards to a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-04-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-4"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 4, 'setFocusAfterButton');">Open Test 4 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 5: Navigate forwards to a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-05-navigate-forwards-to-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-5"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 5, 'setFocusBeforeButton');">Open Test 5 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Control+Option+Right</li>
+                   <li>Tab</li>
+                   <li>Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 6: Navigate backwards to a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-06-navigate-backwards-to-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-6"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 6, 'setFocusAfterButton');">Open Test 6 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Ctrl+Option+Left</li>
+                   <li>Shift+Tab</li>
+                   <li>Shift+Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 7: Navigate forwards to a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-07-navigate-forwards-to-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-7"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 7, 'setFocusBeforeButton');">Open Test 7 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Down Arrow</li>
+                   <li>B</li>
+                   <li>F</li>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 8: Navigate backwards to a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-08-navigate-backwards-to-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-8"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 8, 'setFocusAfterButton');">Open Test 8 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Up Arrow</li>
+                   <li>Shift+B</li>
+                   <li>Shift+F</li>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 9: Navigate forwards to a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-09-navigate-forwards-to-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-9"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 9, 'setFocusBeforeButton');">Open Test 9 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate forwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 10: Navigate backwards to a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-10-navigate-backwards-to-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-10"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 10, 'setFocusAfterButton');">Open Test 10 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Shift+Tab</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 11: Navigate forwards to a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-11-navigate-forwards-to-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-11"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 11, 'setFocusBeforeButton');">Open Test 11 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link before the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Control+Option+Right</li>
+                   <li>Tab</li>
+                   <li>Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 12: Navigate backwards to a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-12-navigate-backwards-to-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-12"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 12, 'setFocusAfterButton');">Open Test 12 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on a link after the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Navigate backwards from here&#39; link, navigate to the &#39;Mute&#39; button. using the following commands:
+               <ul>
+                   <li>Ctrl+Option+Left</li>
+                   <li>Shift+Tab</li>
+                   <li>Shift+Control+Option+Command+J</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 13: Read information about a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-13-read-information-about-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-13"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 13, 'setFocusOnButton');">Open Test 13 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 14: Read information about a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-14-read-information-about-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-14"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 14, 'setFocusOnButton');">Open Test 14 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 15: Read information about a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-15-read-information-about-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-15"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 15, 'setFocusOnButton');">Open Test 15 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Control+Option+F3</li>
+                   <li>Control+Option+F4</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;not pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 16: Read information about a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-16-read-information-about-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-16"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 16, 'setFocusOnButtonAndSetStateToPressed');">Open Test 16 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 17: Read information about a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-17-read-information-about-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-17"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 17, 'setFocusOnButtonAndSetStateToPressed');">Open Test 17 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Insert+Tab</li>
+                   <li>Insert+Up</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 18: Read information about a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-18-read-information-about-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-18"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 18, 'setFocusOnButtonAndSetStateToPressed');">Open Test 18 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, read information about the button. using the following commands:
+               <ul>
+                   <li>Control+Option+F3</li>
+                   <li>Control+Option+F4</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Role &#39;button&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>Name &#39;Mute&#39; is conveyed</td></tr>
+            <tr><td>required</td><td>State &#39;pressed&#39; is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 19: Operate a not pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-19-operate-not-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-19"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 19, 'setFocusOnButton');">Open Test 19 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 20: Operate a not pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-20-operate-not-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-20"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 20, 'setFocusOnButton');">Open Test 20 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 21: Operate a not pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-21-operate-not-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-21"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 21, 'setFocusOnButton');">Open Test 21 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Control+Option+Space</li>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+            <tr><td>required</td><td>Change in state, to &#39;pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 22: Operate a pressed toggle button in reading mode</h2>
+    <p>
+      <ul>
+        <li>Mode: reading</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-22-operate-pressed-toggle-button-reading.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-22-operate-pressed-toggle-button-reading.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-22"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 22, 'setFocusOnButtonAndSetStateToPressed');">Open Test 22 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the Virtual Cursor is active by pressing Alt+Delete. If it is not, turn on the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Insure NVDA is in browse mode by pressing Escape. Note: This command has no effect if NVDA is already in browse mode.</li>
+             <li>With the reading cursor on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 23: Operate a pressed toggle button in interaction mode</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: jaws, nvda</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.html?at=jaws">jaws</a></li>
+              <li><a href="../tests/toggle-button/test-23-operate-pressed-toggle-button-interaction.html?at=nvda">nvda</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-23"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 23, 'setFocusOnButtonAndSetStateToPressed');">Open Test 23 Page</button>
+    </p>
+      <div class="jaws">
+        <h3>JAWS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Verify the PC Cursor is active by pressing Alt+Delete. If it is not, turn off the Virtual Cursor by pressing Insert+Z.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+      <div class="nvda">
+        <h3>NVDA</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>If NVDA did not make the focus mode sound when the test page loaded, press Insert+Space to turn focus mode on.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+    <h2>Test 24: Operate a pressed toggle button</h2>
+    <p>
+      <ul>
+        <li>Mode: interaction</li>
+        <li>Applies to: voiceover_macos</li>
+        <li>Lasted edited: Tue Jun 8 11:08:45 2021 -0500</li>
+        <li>Tests:
+          <ul>
+              <li><a href="../tests/toggle-button/test-24-operate-pressed-toggle-button-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
+          </ul>
+        </li>
+        <li>Relevant Specifications:
+          <ul>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria-practices&#x2F;examples&#x2F;button&#x2F;button.html">APG example: button&#x2F;button.html</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#button">ARIA specification: button</a></li>
+              <li><a href="https:&#x2F;&#x2F;w3c.github.io&#x2F;aria&#x2F;#aria-pressed">ARIA specification: aria-pressed</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <button id="open-test-page-24"
+        onclick="openTestPage('../tests&#x2F;toggle-button&#x2F;reference&#x2F;2021-3-29_145942&#x2F;button.html', 24, 'setFocusOnButtonAndSetStateToPressed');">Open Test 24 Page</button>
+    </p>
+      <div class="voiceover_macos">
+        <h3>VoiceOver for macOS</h3>
+        <h4>Scripted Instructions</h4>
+        The following instructions are executed by a script in the test page to initialize the widget:
+        <ol>
+        <li>sets focus on the button, and sets its state to &#39;pressed&#39;</li>
+        </ol>
+        <h4>Tester Instructions</h4>
+        <p>
+          <ol>
+             <li>Toggle Quick Nav OFF by pressing the Left Arrow and Right Arrow keys at the same time.</li>
+             <li>With focus on the &#39;Mute&#39; button, activate the button. using the following commands:
+               <ul>
+                   <li>Control+Option+Space</li>
+                   <li>Space</li>
+                   <li>Enter</li>
+               </ul>
+             </li>
+          </ol>
+        </p>
+        <h4>Assertions</h4>
+        <table>
+          <tr><th>Priority</th><th>Assertion</th></tr>
+            <tr><td>required</td><td>Change in state, to &#39;not pressed&#39;, is conveyed</td></tr>
+        </table>
+      </div>
+
+  </body>
+</html>
diff --git a/tests/toggle-button/data/commands.csv b/tests/toggle-button/data/commands.csv
new file mode 100644
index 000000000..c2a429162
--- /dev/null
+++ b/tests/toggle-button/data/commands.csv
@@ -0,0 +1,41 @@
+testId,task,mode,at,commandA,commandB,commandC,commandD,commandE,commandF
+1,navigate forwards to not pressed toggle button,reading,JAWS,DOWN,B,F,TAB,,
+1,navigate forwards to not pressed toggle button,reading,NVDA,DOWN,B,F,TAB,,
+2,navigate backwards to not pressed toggle button,reading,JAWS,UP,SHIFT_B,SHIFT_F,SHIFT_TAB,,
+2,navigate backwards to not pressed toggle button,reading,NVDA,UP,SHIFT_B,SHIFT_F,SHIFT_TAB,,
+3,navigate forwards to not pressed toggle button,interaction,JAWS,TAB,,,,,
+3,navigate forwards to not pressed toggle button,interaction,NVDA,TAB,,,,,
+4,navigate backwards to not pressed toggle button,interaction,JAWS,SHIFT_TAB,,,,,
+4,navigate backwards to not pressed toggle button,interaction,NVDA,SHIFT_TAB,,,,,
+5,navigate forwards to not pressed toggle button,interaction,voiceover_macos,CTRL_OPT_RIGHT,TAB,CTRL_OPT_CMD_J,,,
+6,navigate backwards to not pressed toggle button,interaction,voiceover_macos,CTRL_OPT_LEFT,SHIFT_TAB,SHIFT_CTRL_OPT_CMD_J,,,
+7,navigate forwards to pressed toggle button,reading,JAWS,DOWN,B,F,TAB,,
+7,navigate forwards to pressed toggle button,reading,NVDA,DOWN,B,F,TAB,,
+8,navigate backwards to pressed toggle button,reading,JAWS,UP,SHIFT_B,SHIFT_F,SHIFT_TAB,,
+8,navigate backwards to pressed toggle button,reading,NVDA,UP,SHIFT_B,SHIFT_F,SHIFT_TAB,,
+9,navigate forwards to pressed toggle button,interaction,JAWS,TAB,,,,,
+9,navigate forwards to pressed toggle button,interaction,NVDA,TAB,,,,,
+10,navigate backwards to pressed toggle button,interaction,JAWS,SHIFT_TAB,,,,,
+10,navigate backwards to pressed toggle button,interaction,NVDA,SHIFT_TAB,,,,,
+11,navigate forwards to pressed toggle button,interaction,voiceover_macos,CTRL_OPT_RIGHT,TAB,CTRL_OPT_CMD_J,,,
+12,navigate backwards to pressed toggle button,interaction,voiceover_macos,CTRL_OPT_LEFT,SHIFT_TAB,SHIFT_CTRL_OPT_CMD_J,,,
+13,read information about not pressed toggle button,reading,JAWS,INS_TAB,INS_UP,,,,
+13,read information about not pressed toggle button,reading,NVDA,INS_TAB,INS_UP,,,,
+14,read information about not pressed toggle button,interaction,JAWS,INS_TAB,INS_UP,,,,
+14,read information about not pressed toggle button,interaction,NVDA,INS_TAB,INS_UP,,,,
+15,read information about not pressed toggle button,interaction,voiceover_macos,CTRL_OPT_F3,CTRL_OPT_F4,,,,
+16,read information about pressed toggle button,reading,JAWS,INS_TAB,INS_UP,,,,
+16,read information about pressed toggle button,reading,NVDA,INS_TAB,INS_UP,,,,
+17,read information about pressed toggle button,interaction,JAWS,INS_TAB,INS_UP,,,,
+17,read information about pressed toggle button,interaction,NVDA,INS_TAB,INS_UP,,,,
+18,read information about pressed toggle button,interaction,voiceover_macos,CTRL_OPT_F3,CTRL_OPT_F4,,,,
+19,operate not pressed toggle button,reading,JAWS,SPACE,ENTER,,,,
+19,operate not pressed toggle button,reading,NVDA,SPACE,ENTER,,,,
+20,operate not pressed toggle button,interaction,JAWS,SPACE,ENTER,,,,
+20,operate not pressed toggle button,interaction,NVDA,SPACE,ENTER,,,,
+21,operate not pressed toggle button,interaction,voiceover_macos,CTRL_OPT_SPACE,SPACE,ENTER,,,
+22,operate pressed toggle button,reading,JAWS,SPACE,ENTER,,,,
+22,operate pressed toggle button,reading,NVDA,SPACE,ENTER,,,,
+23,operate pressed toggle button,interaction,JAWS,SPACE,ENTER,,,,
+23,operate pressed toggle button,interaction,NVDA,SPACE,ENTER,,,,
+24,operate pressed toggle button,interaction,voiceover_macos,CTRL_OPT_SPACE,SPACE,ENTER,,,
diff --git a/tests/toggle-button/data/js/setFocusAfterButton.js b/tests/toggle-button/data/js/setFocusAfterButton.js
new file mode 100644
index 000000000..6c9caf566
--- /dev/null
+++ b/tests/toggle-button/data/js/setFocusAfterButton.js
@@ -0,0 +1,2 @@
+// sets focus on a link after the button
+testPageDocument.querySelector('#afterlink').focus();
diff --git a/tests/toggle-button/data/js/setFocusBeforeButton.js b/tests/toggle-button/data/js/setFocusBeforeButton.js
new file mode 100644
index 000000000..a453f504b
--- /dev/null
+++ b/tests/toggle-button/data/js/setFocusBeforeButton.js
@@ -0,0 +1,2 @@
+// sets focus on a link before the button
+testPageDocument.querySelector('#beforelink').focus();
diff --git a/tests/toggle-button/data/js/setFocusOnButton.js b/tests/toggle-button/data/js/setFocusOnButton.js
new file mode 100644
index 000000000..4703cd782
--- /dev/null
+++ b/tests/toggle-button/data/js/setFocusOnButton.js
@@ -0,0 +1,2 @@
+// sets focus on the button
+testPageDocument.querySelector('#toggle').focus();
diff --git a/tests/toggle-button/data/js/setFocusOnButtonAndSetStateToPressed.js b/tests/toggle-button/data/js/setFocusOnButtonAndSetStateToPressed.js
new file mode 100644
index 000000000..3418f5ef4
--- /dev/null
+++ b/tests/toggle-button/data/js/setFocusOnButtonAndSetStateToPressed.js
@@ -0,0 +1,5 @@
+// sets focus on the button, and sets its state to 'pressed'
+let button = testPageDocument.querySelector('#toggle');
+button.setAttribute('aria-pressed', 'true');
+button.querySelector('use').setAttribute('xlink:href', '#icon-sound');
+button.focus();
diff --git a/tests/toggle-button/data/references.csv b/tests/toggle-button/data/references.csv
new file mode 100644
index 000000000..78bfb2349
--- /dev/null
+++ b/tests/toggle-button/data/references.csv
@@ -0,0 +1,8 @@
+refId,value
+author,Isabel Del Castillo
+authorEmail,isa.delcastillo5@gmail.com
+reference,reference/2021-3-29_145942/button.html
+designPattern,https://w3c.github.io/aria-practices/#button
+example,https://w3c.github.io/aria-practices/examples/button/button.html
+button,https://w3c.github.io/aria/#button
+aria-pressed,https://w3c.github.io/aria/#aria-pressed
\ No newline at end of file
diff --git a/tests/toggle-button/data/tests.csv b/tests/toggle-button/data/tests.csv
new file mode 100644
index 000000000..271e836c9
--- /dev/null
+++ b/tests/toggle-button/data/tests.csv
@@ -0,0 +1,25 @@
+testId,title,appliesTo,mode,task,setupScript,setupScriptDescription,refs,instructions,assertion1,assertion2,assertion3,assertion4,assertion5,assertion6,assertion7
+1,Navigate forwards to a not pressed toggle button in reading mode,"JAWS,NVDA",reading,navigate forwards to not pressed toggle button,setFocusBeforeButton,sets focus on a link before the button,button aria-pressed,"With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+2,Navigate backwards to a not pressed toggle button in reading mode,"JAWS,NVDA",reading,navigate backwards to not pressed toggle button,setFocusAfterButton,sets focus on a link after the button,button aria-pressed,"With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+3,Navigate forwards to a not pressed toggle button in interaction mode,"JAWS,NVDA",interaction,navigate forwards to not pressed toggle button,setFocusBeforeButton,sets focus on a link before the button,button aria-pressed,"With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+4,Navigate backwards to a not pressed toggle button in interaction mode,"JAWS,NVDA",interaction,navigate backwards to not pressed toggle button,setFocusAfterButton,sets focus on a link after the button,button aria-pressed,"With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+5,Navigate forwards to a not pressed toggle button,voiceover_macos,interaction,navigate forwards to not pressed toggle button,setFocusBeforeButton,sets focus on a link before the button,button aria-pressed,"With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+6,Navigate backwards to a not pressed toggle button,voiceover_macos,interaction,navigate backwards to not pressed toggle button,setFocusAfterButton,sets focus on a link after the button,button aria-pressed,"With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+7,Navigate forwards to a pressed toggle button in reading mode,"JAWS,NVDA",reading,navigate forwards to pressed toggle button,setFocusBeforeButton,sets focus on a link before the button,button aria-pressed,"With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+8,Navigate backwards to a pressed toggle button in reading mode,"JAWS,NVDA",reading,navigate backwards to pressed toggle button,setFocusAfterButton,sets focus on a link after the button,button aria-pressed,"With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+9,Navigate forwards to a pressed toggle button in interaction mode,"JAWS,NVDA",interaction,navigate forwards to pressed toggle button,setFocusBeforeButton,sets focus on a link before the button,button aria-pressed,"With focus on the 'Navigate forwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+10,Navigate backwards to a pressed toggle button in interaction mode,"JAWS,NVDA",interaction,navigate backwards to pressed toggle button,setFocusAfterButton,sets focus on a link after the button,button aria-pressed,"With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+11,Navigate forwards to a pressed toggle button,voiceover_macos,interaction,navigate forwards to pressed toggle button,setFocusBeforeButton,sets focus on a link before the button,button aria-pressed,"With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+12,Navigate backwards to a pressed toggle button,voiceover_macos,interaction,navigate backwards to pressed toggle button,setFocusAfterButton,sets focus on a link after the button,button aria-pressed,"With focus on the 'Navigate backwards from here' link, navigate to the 'Mute' button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+13,Read information about a not pressed toggle button in reading mode,"JAWS,NVDA",reading,read information about not pressed toggle button,setFocusOnButton,sets focus on the button,button aria-pressed,"With the reading cursor on the 'Mute' button, read information about the button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+14,Read information about a not pressed toggle button in interaction mode,"JAWS,NVDA",interaction,read information about not pressed toggle button,setFocusOnButton,sets focus on the button,button aria-pressed,"With focus on the 'Mute' button, read information about the button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+15,Read information about a not pressed toggle button,voiceover_macos,interaction,read information about not pressed toggle button,setFocusOnButton,sets focus on the button,button aria-pressed,"With focus on the 'Mute' button, read information about the button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'not pressed' is conveyed,,,,
+16,Read information about a pressed toggle button in reading mode,"JAWS,NVDA",reading,read information about pressed toggle button,setFocusOnButtonAndSetStateToPressed,"sets focus on the button, and sets its state to 'pressed'",button aria-pressed,"With the reading cursor on the 'Mute' button, read information about the button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+17,Read information about a pressed toggle button in interaction mode,"JAWS,NVDA",interaction,read information about pressed toggle button,setFocusOnButtonAndSetStateToPressed,"sets focus on the button, and sets its state to 'pressed'",button aria-pressed,"With focus on the 'Mute' button, read information about the button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+18,Read information about a pressed toggle button,voiceover_macos,interaction,read information about pressed toggle button,setFocusOnButtonAndSetStateToPressed,"sets focus on the button, and sets its state to 'pressed'",button aria-pressed,"With focus on the 'Mute' button, read information about the button.",Role 'button' is conveyed,Name 'Mute' is conveyed,State 'pressed' is conveyed,,,,
+19,Operate a not pressed toggle button in reading mode,"JAWS,NVDA",reading,operate not pressed toggle button,setFocusOnButton,sets focus on the button,button aria-pressed,"With the reading cursor on the 'Mute' button, activate the button.","Change in state, to 'pressed', is conveyed",,,,,,
+20,Operate a not pressed toggle button in interaction mode,"JAWS,NVDA",interaction,operate not pressed toggle button,setFocusOnButton,sets focus on the button,button aria-pressed,"With focus on the 'Mute' button, activate the button.","Change in state, to 'pressed', is conveyed",,,,,,
+21,Operate a not pressed toggle button,voiceover_macos,interaction,operate not pressed toggle button,setFocusOnButton,sets focus on the button,button aria-pressed,"With focus on the 'Mute' button, activate the button.","Change in state, to 'pressed', is conveyed","Change in state, to 'pressed', is conveyed",,,,,
+22,Operate a pressed toggle button in reading mode,"JAWS,NVDA",reading,operate pressed toggle button,setFocusOnButtonAndSetStateToPressed,"sets focus on the button, and sets its state to 'pressed'",button aria-pressed,"With the reading cursor on the 'Mute' button, activate the button.","Change in state, to 'not pressed', is conveyed",,,,,,
+23,Operate a pressed toggle button in interaction mode,"JAWS,NVDA",interaction,operate pressed toggle button,setFocusOnButtonAndSetStateToPressed,"sets focus on the button, and sets its state to 'pressed'",button aria-pressed,"With focus on the 'Mute' button, activate the button.","Change in state, to 'not pressed', is conveyed",,,,,,
+24,Operate a pressed toggle button,voiceover_macos,interaction,operate pressed toggle button,setFocusOnButtonAndSetStateToPressed,"sets focus on the button, and sets its state to 'pressed'",button aria-pressed,"With focus on the 'Mute' button, activate the button.","Change in state, to 'not pressed', is conveyed",,,,,,
diff --git a/tests/toggle-button/reference/2021-3-29_145942/button.html b/tests/toggle-button/reference/2021-3-29_145942/button.html
new file mode 100644
index 000000000..5a987fe31
--- /dev/null
+++ b/tests/toggle-button/reference/2021-3-29_145942/button.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Toggle Button Example</title>
+
+  <!-- CSS and JS for this example. -->
+  <link rel="stylesheet" href="css/button.css">
+  <script src="js/button.js"></script>
+</head>
+<body>
+  <main>
+    <h1>Toggle Button Example</h1>
+
+    <p>
+      The following toggle button example demonstrates the <a href="https://w3c.github.io/aria-practices/#button">button design pattern.</a>
+    </p>
+
+    <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 style="display: none;">This <q>Print</q> action button uses a <code>div</code> element.</p>
+        <div  style="display: none;" tabindex="-1" role="button" id="action">Print Page</div>
+
+        <p>This <q>Mute</q> toggle button uses an <code>a</code> element.</p>
+        <a id="beforelink" href="#beforelink">Navigate forwards from here</a>
+        <a tabindex="0" role="button" id="toggle" aria-pressed="false">
+          Mute
+          <svg aria-hidden="true" focusable="false">
+            <use xlink:href="#icon-sound"></use>
+          </svg>
+        </a>
+        <a id="afterlink" href="#afterlink">Navigate backwards from here</a>
+
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none" id="svg_definitions">
+          <defs>
+            <symbol id="icon-mute" viewBox="0 0 75 75">
+              <polygon
+                 id="polygon1"
+                 points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
+                 style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;" />
+              <path
+                 id="path3003"
+                 d="M 48.651772,50.269646 69.395223,25.971024"
+                 style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round" />
+              <path
+                 id="path3003-1"
+                 d="M 69.395223,50.269646 48.651772,25.971024"
+                 style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+            </symbol>
+            <symbol id="icon-sound" viewBox="0 0 75 75">
+              <polygon points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769"
+                style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;"/>
+              <path d="M 48.128,49.03 C 50.057,45.934 51.19,42.291 51.19,38.377 C 51.19,34.399 50.026,30.703 48.043,27.577"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+              <path d="M 55.082,20.537 C 58.777,25.523 60.966,31.694 60.966,38.377 C 60.966,44.998 58.815,51.115 55.178,56.076"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+              <path d="M 61.71,62.611 C 66.977,55.945 70.128,47.531 70.128,38.378 C 70.128,29.161 66.936,20.696 61.609,14.01"
+                style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
+            </symbol>
+          </defs>
+        </svg>
+
+      </div>
+
+      <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
+    </section>
+  </main>
+</body>
+</html>
diff --git a/tests/toggle-button/reference/2021-3-29_145942/css/button.css b/tests/toggle-button/reference/2021-3-29_145942/css/button.css
new file mode 100644
index 000000000..2658d6c1e
--- /dev/null
+++ b/tests/toggle-button/reference/2021-3-29_145942/css/button.css
@@ -0,0 +1,115 @@
+[role="button"] {
+  display: inline-block;
+  position: relative;
+  padding: 0.4em 0.7em;
+  border: 1px solid hsl(213, 71%, 49%);
+  border-radius: 5px;
+  box-shadow: 0 1px 2px hsl(216, 27%, 55%);
+  color: #fff;
+  text-shadow: 0 -1px 1px hsl(216, 27%, 25%);
+  background-color: hsl(216, 82%, 51%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(216, 82%, 53%),
+    hsl(216, 82%, 47%)
+  );
+}
+
+[role="button"]:hover {
+  border-color: hsl(213, 71%, 29%);
+  background-color: hsl(216, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(216, 82%, 33%),
+    hsl(216, 82%, 27%)
+  );
+  cursor: default;
+}
+
+[role="button"]:focus {
+  outline: none;
+}
+
+[role="button"]:focus::before {
+  position: absolute;
+  z-index: -1;
+
+  /* button border width - outline width - offset */
+  top: calc(-1px - 3px - 3px);
+  right: calc(-1px - 3px - 3px);
+  bottom: calc(-1px - 3px - 3px);
+  left: calc(-1px - 3px - 3px);
+  border: 3px solid hsl(213, 71%, 49%);
+
+  /* button border radius + outline width + offset */
+  border-radius: calc(5px + 3px + 3px);
+  content: "";
+}
+
+[role="button"]:active {
+  border-color: hsl(213, 71%, 49%);
+  background-color: hsl(216, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(216, 82%, 53%),
+    hsl(216, 82%, 47%)
+  );
+  box-shadow: inset 0 3px 5px 1px hsl(216, 82%, 30%);
+}
+
+[role="button"][aria-pressed] {
+  border-color: hsl(261, 71%, 49%);
+  box-shadow: 0 1px 2px hsl(261, 27%, 55%);
+  text-shadow: 0 -1px 1px hsl(261, 27%, 25%);
+  background-color: hsl(261, 82%, 51%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 53%),
+    hsl(261, 82%, 47%)
+  );
+}
+
+[role="button"][aria-pressed]:hover {
+  border-color: hsl(261, 71%, 29%);
+  background-color: hsl(261, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 33%),
+    hsl(261, 82%, 27%)
+  );
+}
+
+[role="button"][aria-pressed="true"] {
+  padding-top: 0.5em;
+  padding-bottom: 0.3em;
+  border-color: hsl(261, 71%, 49%);
+  background-color: hsl(261, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 63%),
+    hsl(261, 82%, 57%)
+  );
+  box-shadow: inset 0 3px 5px 1px hsl(261, 82%, 30%);
+}
+
+[role="button"][aria-pressed="true"]:hover {
+  border-color: hsl(261, 71%, 49%);
+  background-color: hsl(261, 82%, 31%);
+  background-image: linear-gradient(
+    to bottom,
+    hsl(261, 82%, 43%),
+    hsl(261, 82%, 37%)
+  );
+  box-shadow: inset 0 3px 5px 1px hsl(261, 82%, 20%);
+}
+
+[role="button"][aria-pressed]:focus::before {
+  border-color: hsl(261, 71%, 49%);
+}
+
+[role="button"] svg {
+  margin: 0.15em auto -0.15em;
+  height: 1em;
+  width: 1em;
+  pointer-events: none;
+}
diff --git a/tests/toggle-button/reference/2021-3-29_145942/js/button.js b/tests/toggle-button/reference/2021-3-29_145942/js/button.js
new file mode 100644
index 000000000..b27c129f6
--- /dev/null
+++ b/tests/toggle-button/reference/2021-3-29_145942/js/button.js
@@ -0,0 +1,118 @@
+/*
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   JS code for the button design pattern
+ */
+
+'use strict';
+
+var ICON_MUTE_URL = '#icon-mute';
+var ICON_SOUND_URL = '#icon-sound';
+
+function init() {
+  var actionButton = document.getElementById('action');
+  actionButton.addEventListener('click', activateActionButton);
+  actionButton.addEventListener('keydown', actionButtonKeydownHandler);
+  actionButton.addEventListener('keyup', actionButtonKeyupHandler);
+
+  var toggleButton = document.getElementById('toggle');
+  toggleButton.addEventListener('click', toggleButtonClickHandler);
+  toggleButton.addEventListener('keydown', toggleButtonKeydownHandler);
+  toggleButton.addEventListener('keyup', toggleButtonKeyupHandler);
+}
+
+/**
+ * Activates the action button with the enter key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function actionButtonKeydownHandler(event) {
+  // The action button is activated by space on the keyup event, but the
+  // default action for space is already triggered on keydown. It needs to be
+  // prevented to stop scrolling the page before activating the button.
+  if (event.keyCode === 32) {
+    event.preventDefault();
+  }
+  // If enter is pressed, activate the button
+  else if (event.keyCode === 13) {
+    event.preventDefault();
+    activateActionButton();
+  }
+}
+
+/**
+ * Activates the action button with the space key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function actionButtonKeyupHandler(event) {
+  if (event.keyCode === 32) {
+    event.preventDefault();
+    activateActionButton();
+  }
+}
+
+function activateActionButton() {
+  window.print();
+}
+
+/**
+ * Toggles the toggle button’s state if it’s actually a button element or has
+ * the `role` attribute set to `button`.
+ *
+ * @param {MouseEvent} event
+ */
+function toggleButtonClickHandler(event) {
+  if (
+    event.currentTarget.tagName === 'button' ||
+    event.currentTarget.getAttribute('role') === 'button'
+  ) {
+    toggleButtonState(event.currentTarget);
+  }
+}
+
+/**
+ * Toggles the toggle button’s state with the enter key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function toggleButtonKeydownHandler(event) {
+  if (event.keyCode === 32) {
+    event.preventDefault();
+  } else if (event.keyCode === 13) {
+    event.preventDefault();
+    toggleButtonState(event.currentTarget);
+  }
+}
+
+/**
+ * Toggles the toggle button’s state with space key.
+ *
+ * @param {KeyboardEvent} event
+ */
+function toggleButtonKeyupHandler(event) {
+  if (event.keyCode === 32) {
+    event.preventDefault();
+    toggleButtonState(event.currentTarget);
+  }
+}
+
+/**
+ * Toggles the toggle button’s state between *pressed* and *not pressed*.
+ *
+ * @param {HTMLElement} button
+ */
+function toggleButtonState(button) {
+  var isAriaPressed = button.getAttribute('aria-pressed') === 'true';
+
+  button.setAttribute('aria-pressed', isAriaPressed ? 'false' : 'true');
+
+  var icon = button.querySelector('use');
+  icon.setAttribute(
+    'xlink:href',
+    isAriaPressed ? ICON_SOUND_URL : ICON_MUTE_URL
+  );
+}
+
+window.onload = init;