Add AT support tables to example pages for alert, link, and radio usi…

…ng activedescendant (pull #2653) Updates three example pages to include a section for AT support: * Alert * Link * Radio Using aria-activedescendant --------- Co-authored-by: alflennik <[email protected]>
w3c · Mar 31, 2023 · 4f1d770 · 4f1d770
1 parent 914bcb9
commit 4f1d770
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 0 deletions.
diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
@@ -143,6 +143,18 @@ <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>
 </html>
diff --git a/content/patterns/link/examples/link.html b/content/patterns/link/examples/link.html
@@ -181,6 +181,18 @@ <h3 id="sc3_label">Link 3</h3>
           sourceCode.make();
         </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
@@ -262,6 +262,18 @@ <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-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>