Add AT Support tables for modal dialog, 1 slider, and navigation menu…

… button (pull #2736) Modifies 3 example pages: * Add modal dialog support table * Add color viewer slider support table * Add support table for navigation menu button
w3c · Jul 24, 2023 · 548d8f6 · 548d8f6
1 parent b3777ac
commit 548d8f6
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/content/patterns/dialog-modal/examples/dialog.html b/content/patterns/dialog-modal/examples/dialog.html
@@ -328,6 +328,17 @@ <h3>Notes on <code>aria-modal</code> and <code>aria-hidden</code></h3>
         </ol>
       </section>
 
+      <section id="at-support">
+        <h2>Assistive Technology Support</h2>
+        <iframe
+          class="support-levels-modal-dialog"
+          src="https://aria-at.w3.org/embed/reports/modal-dialog"
+          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">

diff --git a/content/patterns/menu-button/examples/menu-button-links.html b/content/patterns/menu-button/examples/menu-button-links.html
@@ -335,6 +335,17 @@ <h3 id="rps2_label">Menu</h3>
         </table>
       </section>
 
+      <section id="at-support">
+        <h2>Assistive Technology Support</h2>
+        <iframe
+          class="support-levels-menu-button-navigation"
+          src="https://aria-at.w3.org/embed/reports/menu-button-navigation"
+          height="100"
+          allow="clipboard-write"
+          style="border-style: none; width: 100%;">
+        </iframe>
+      </section>
+
       <section>
         <h2>JavaScript and CSS Source Code</h2>
 

diff --git a/content/patterns/slider/examples/slider-color-viewer.html b/content/patterns/slider/examples/slider-color-viewer.html
@@ -291,6 +291,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-horizontal-slider"
+          src="https://aria-at.w3.org/embed/reports/horizontal-slider"
+          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">