From 4f1d770289f2bf50c966ef9fb3ffcb02a3f678dd Mon Sep 17 00:00:00 2001
From: Matt King <a11yThinker@Gmail.com>
Date: Thu, 30 Mar 2023 17:40:32 -0700
Subject: [PATCH] Add AT support tables to example pages for alert, link, and
 radio using activedescendant (pull #2653)

Updates three example pages to include a section for AT support:

* Alert
* Link
* Radio Using aria-activedescendant

---------

Co-authored-by: alflennik <alflennik@users.noreply.github.com>
---
 content/patterns/alert/examples/alert.html           | 12 ++++++++++++
 content/patterns/link/examples/link.html             | 12 ++++++++++++
 .../radio/examples/radio-activedescendant.html       | 12 ++++++++++++
 3 files changed, 36 insertions(+)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 1a74a97bd2..d3019e49bf 100644
--- 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
index dcda6a50f8..bcd650ffa5 100644
--- 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
index bb83ff4595..c69ea61b4f 100644
--- 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>