4 Example Pages: Reposition AT support tables higher on the page (pull …

…#2737) Moves AT support tables from after the source code sections to before the source code sections.
w3c · Jul 24, 2023 · b3777ac · b3777ac
1 parent 1d85d95
commit b3777ac
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 53 deletions.
diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
@@ -119,6 +119,17 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
         </table>
       </section>
 
+      <section id="at-support">
+        <h2>Assistive Technology Support</h2>
+        <iframe
+          class="support-levels-alert"
+          src="https://aria-at.w3.org/embed/reports/alert"
+          height="100"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
+      </section>
+
       <section>
         <h2>JavaScript and CSS Source Code</h2>
         <ul id="css_js_files">
@@ -143,17 +154,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
           sourceCode.make();
         </script>
       </section>
-
-      <section id="at-support">
-        <h2>Assistive Technology Support</h2>
-        <iframe
-          class="support-levels-alert"
-          src="https://aria-at.w3.org/embed/reports/alert"
-          height="100"
-          allow="clipboard-write"
-          style="border-style: none; width: 100%;">
-        </iframe>
-      </section>
+
 
     </main>
   </body>

diff --git a/content/patterns/button/examples/button.html b/content/patterns/button/examples/button.html
@@ -170,6 +170,27 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
         </table>
       </section>
 
+      <section id="at-support">
+        <h2>Assistive Technology Support</h2>
+        <h3>Command Button</h3>
+        <iframe
+          class="support-levels-command-button"
+          src="https://aria-at.w3.org/embed/reports/command-button"
+          height="100"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
+
+        <h3>Toggle Button</h3>
+        <iframe
+          class="support-levels-toggle-button"
+          src="https://aria-at.w3.org/embed/reports/toggle-button"
+          height="100"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
+      </section>
+
       <section>
         <h2>JavaScript and CSS Source Code</h2>
 
@@ -196,26 +217,6 @@ <h2 id="sc1_label">HTML Source Code</h2>
         </script>
       </section>
 
-      <section id="at-support">
-        <h2>Assistive Technology Support</h2>
-        <h3>Command Button</h3>
-        <iframe
-          class="support-levels-command-button"
-          src="https://aria-at.w3.org/embed/reports/command-button"
-          height="100"
-          allow="clipboard-write"
-          style="border-style: none; width: 100%;">
-        </iframe>
-
-        <h3>Toggle Button</h3>
-        <iframe
-          class="support-levels-toggle-button"
-          src="https://aria-at.w3.org/embed/reports/toggle-button"
-          height="100"
-          allow="clipboard-write"
-          style="border-style: none; width: 100%;">
-        </iframe>
-      </section>
     </main>
   </body>
 </html>
diff --git a/content/patterns/link/examples/link.html b/content/patterns/link/examples/link.html
@@ -146,6 +146,17 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
         </table>
       </section>
 
+      <section id="at-support">
+        <h2>Assistive Technology Support</h2>
+        <iframe
+          class="support-levels-link-span-text"
+          src="https://aria-at.w3.org/embed/reports/link-span-text"
+          height="100"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
+      </section>
+
       <section>
         <h2>JavaScript and CSS Source Code</h2>
         <ul id="css_js_files">
@@ -182,17 +193,6 @@ <h3 id="sc3_label">Link 3</h3>
         </script>
       </section>
 
-      <section id="at-support">
-        <h2>Assistive Technology Support</h2>
-        <iframe
-          class="support-levels-link-span-text"
-          src="https://aria-at.w3.org/embed/reports/link-span-text"
-          height="100"
-          allow="clipboard-write"
-          style="border-style: none; width: 100%;">
-        </iframe>
-      </section>
-
     </main>
   </body>
 </html>
diff --git a/content/patterns/radio/examples/radio-activedescendant.html b/content/patterns/radio/examples/radio-activedescendant.html
@@ -244,6 +244,17 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
         </table>
       </section>
 
+      <section id="at-support">
+        <h2>Assistive Technology Support</h2>
+        <iframe
+          class="support-levels-radiogroup-aria-activedescendant"
+          src="https://aria-at.w3.org/embed/reports/radiogroup-aria-activedescendant"
+          height="100"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
+      </section>
+
       <section>
         <h2>JavaScript and CSS Source Code</h2>
         <ul id="css_js_files">
@@ -263,17 +274,6 @@ <h2 id="sc1_label">HTML Source Code</h2>
         </script>
       </section>
 
-      <section id="at-support">
-        <h2>Assistive Technology Support</h2>
-        <iframe
-          class="support-levels-radiogroup-aria-activedescendant"
-          src="https://aria-at.w3.org/embed/reports/radiogroup-aria-activedescendant"
-          height="100"
-          allow="clipboard-write"
-          style="border-style: none; width: 100%;">
-        </iframe>
-      </section>
-
     </main>
   </body>
 </html>