diff --git a/accname/name/comp_hidden_not_referenced.html b/accname/name/comp_hidden_not_referenced.html
index 7d9cf2c36f6426..cf6d6536f231bc 100644
--- a/accname/name/comp_hidden_not_referenced.html
+++ b/accname/name/comp_hidden_not_referenced.html
@@ -15,7 +15,7 @@
 <p>Tests the <a href="https://w3c.github.io/accname/#comp_hidden_not_referenced">#comp_hidden_not_referenced</a> portions of the AccName <em>Name Computation</em> algorithm.</p>
 
 <button
-  class="ex"
+  class="ex-label"
   data-expectedlabel="visible to all users"
   data-testname="button containing a rendered, unreferenced element that is aria-hidden=true, an unreferenced element with the hidden host language attribute, and an unreferenced element that is unconditionally rendered"
 >
@@ -25,7 +25,7 @@
 </button>
 
 <button
-  class="ex"
+  class="ex-label"
   data-expectedlabel="hidden but referenced,"
   data-testname="button labelled by element that is aria-hidden=true"
   aria-labelledby="button-label-2"
@@ -36,7 +36,7 @@
 </button>
 
 <button
-  class="ex"
+  class="ex-label"
   data-expectedlabel="hidden from all users but referenced,"
   data-testname="button labelled by element with the hidden host language attribute"
   aria-labelledby="button-label-3"
@@ -47,7 +47,7 @@
 </button>
 
 <a
-  class="ex"
+  class="ex-label"
   data-testname="link labelled by elements with assorted visibility and a11y tree exposure"
   data-expectedlabel="visible to all users, hidden but referenced, hidden from all users but referenced"
   href="#"
@@ -62,7 +62,7 @@
 </a>
 
 <h2
-  class="ex"
+  class="ex-label"
   data-testname="heading with name from content, containing element that is visibility:hidden with nested content that is visibility:visible"
   data-expectedlabel="visible to all users, un-hidden for all users"
 >
@@ -73,6 +73,36 @@
   </span>
 </h2>
 
+<h2>Input with hidden label</h2>
+<label id="hidden-label" for="input-01" hidden>Hidden label</label>
+<input
+  id="input-01"
+  class="ex-label"
+  data-testname="Input that is aria-labelledby hidden label"
+  data-expectedlabel="Hidden label"
+  aria-labelledby="hidden-label"
+>
+
+<h2>Table with hidden caption</h2>
+<table
+  class="ex-label"
+  data-testname="Table that is aria-labelledby hidden caption"
+  data-expectedlabel="Hidden caption"
+  aria-labelledby="hidden-caption"
+>
+  <caption id="hidden-caption" hidden>Hidden caption</caption>
+</table>
+
+<h2>Fieldset with hidden legend</h2>
+<fieldset
+  class="ex-label"
+  data-testname="Fieldset that is aria-labelledby hidden legend"
+  data-expectedlabel="Hidden legend"
+  aria-labelledby="hidden-legend"
+>
+  <legend id="hidden-legend" hidden>Hidden legend</legend>
+</fieldset>
+
 <!-- TODO: Test cases once https://github.com/w3c/aria/issues/1256 resolved: -->
 <!--       - button labelled by an element that is aria-hidden=true which contains a nested child that is aria-hidden=false -->
 <!--       - button labelled by an element that is aria-hidden=false which belongs to a parent that is aria-hidden=true -->
@@ -86,7 +116,7 @@
 <!--       that are both not rendered and excluded from the a11y tree. -->
 
 <script>
-AriaUtils.verifyLabelsBySelector(".ex");
+AriaUtils.verifyLabelsBySelector(".ex-label");
 </script>
 </body>
 </html>
diff --git a/html-aam/accname-computation-by-element/a.html b/html-aam/accname-computation-by-element/a.html
new file mode 100644
index 00000000000000..89f61917752d65
--- /dev/null
+++ b/html-aam/accname-computation-by-element/a.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;a&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    let testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#a-element-accessible-name-computation',
+      elements: {
+        'a': { attrs: ['href'] }
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from subtree',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/area.html b/html-aam/accname-computation-by-element/area.html
new file mode 100644
index 00000000000000..fd4180704ebd10
--- /dev/null
+++ b/html-aam/accname-computation-by-element/area.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;area&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#area-element-accessible-name-computation',
+      elements: {
+        'area': { attrs: ['href'], specialContext: 'area' }
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from alt',
+        'from empty alt',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/button.html b/html-aam/accname-computation-by-element/button.html
new file mode 100644
index 00000000000000..d797740d01431c
--- /dev/null
+++ b/html-aam/accname-computation-by-element/button.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;button&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#button-element-accessible-name-computation',
+      elements: {
+        'button': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from subtree',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/fieldset.html b/html-aam/accname-computation-by-element/fieldset.html
new file mode 100644
index 00000000000000..ac7dad730d7f3c
--- /dev/null
+++ b/html-aam/accname-computation-by-element/fieldset.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;fieldset&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#fieldset-element-accessible-name-computation',
+      elements: {
+        'fieldset': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from first legend',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/figure.html b/html-aam/accname-computation-by-element/figure.html
new file mode 100644
index 00000000000000..2216177752f725
--- /dev/null
+++ b/html-aam/accname-computation-by-element/figure.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;figure&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#figure-element-accessible-name-computation',
+      elements: {
+        'figure': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from first figcaption',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/iframe.html b/html-aam/accname-computation-by-element/iframe.html
new file mode 100644
index 00000000000000..75b963cfbafe62
--- /dev/null
+++ b/html-aam/accname-computation-by-element/iframe.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;iframe&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#iframe-element-accessible-name-computation',
+      elements: {
+        'iframe': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/img.html b/html-aam/accname-computation-by-element/img.html
new file mode 100644
index 00000000000000..3dae7ca49a68bb
--- /dev/null
+++ b/html-aam/accname-computation-by-element/img.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;img&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#img-element-accessible-name-computation',
+      elements: {
+        'img': { attrs: ['img src'] }
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from alt',
+        'from empty alt',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/input-button-submit-reset.html b/html-aam/accname-computation-by-element/input-button-submit-reset.html
new file mode 100644
index 00000000000000..4c0a6e17576aae
--- /dev/null
+++ b/html-aam/accname-computation-by-element/input-button-submit-reset.html
@@ -0,0 +1,86 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for element: &lt;input type="submit"&gt; and &lt;input type="reset"&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    let testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#input-type-button-input-type-submit-and-input-type-reset-accessible-name-computation',
+      elements: {
+        'input[type="button"]': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from value',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+
+    testConfig = {
+      title: document.title,
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#input-type-button-input-type-submit-and-input-type-reset-accessible-name-computation',
+      elements: {
+        'input[type="submit"]': {},
+        'input[type="reset"]': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from value',
+        // 'from browser default',
+        // 'from title',
+        // 'to be empty'
+      ]
+    }
+
+    /*
+      PR #44965 TODO: Are browser default names testable?
+      As of April 2024, default names for <input type="submit"> are:
+
+      - Chrome: "Submit"
+      - Safari: "Submit"
+      - Firefox: "Submit Query"
+
+      As of April 2024, default names for <input type="reset"> are:
+
+      - Chrome: "Reset"
+      - Safari: "Reset"
+      - Firefox: "Reset"
+    */
+
+    /*
+      PR #44965 TODO: Are null/empty browser names testable?
+      The remaining accname steps are:
+
+      5. Otherwise, if the control still has no accessible name use title
+         attribute.
+      6. If none of the above yield a usable text string there is no
+         accessible name.
+    */
+
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/input-image.html b/html-aam/accname-computation-by-element/input-image.html
new file mode 100644
index 00000000000000..c9ba117a31a204
--- /dev/null
+++ b/html-aam/accname-computation-by-element/input-image.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for element: &lt;input type="image"&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#input-type-image-accessible-name-computation',
+      elements: {
+        'input[type="image"]': { attrs: ['img src']}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from alt',
+        'from empty alt',
+        'from title',
+        // 'from browser default',
+        // 'to be empty'
+      ]
+    }
+
+    /*
+      PR #44965 TODO: Are browser default names testable?
+      As of April 2024, default names for <input type="image"> are:
+
+      - Chrome: [broken image icon] "Submit"
+      - Safari: "Submit"
+      - Firefox: "Submit Query"
+    */
+
+    /*
+      PR #44965 TODO: Are null/empty browser names testable?
+      The remaining accname steps are:
+
+      6. If none of the above yield a usable text string there is no
+         accessible name.
+    */
+
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/inputs-with-placeholders.html b/html-aam/accname-computation-by-element/inputs-with-placeholders.html
new file mode 100644
index 00000000000000..132e47ef5292c1
--- /dev/null
+++ b/html-aam/accname-computation-by-element/inputs-with-placeholders.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for input elements that support a placeholder attribute</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#input-type-text-input-type-password-input-type-number-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-name-computation',
+      elements: {
+        'input[type="email"]': { attrs: ['value'] },
+        'input[type="number"]': { attrs: ['value'] },
+        'input[type="password"]': { attrs: ['value'] },
+        'input[type="search"]': { attrs: ['value'] },
+        'input[type="tel"]': { attrs: ['value'] },
+        'input[type="text"]': { attrs: ['value'] },
+        'input[type="url"]': { attrs: ['value'] },
+        'textarea': { descendants: ['textNode'] }
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from title',
+        'from placeholder',
+        'to be empty'
+      ]
+    }
+
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/other-form-elements.html b/html-aam/accname-computation-by-element/other-form-elements.html
new file mode 100644
index 00000000000000..3eb55668d6a2f9
--- /dev/null
+++ b/html-aam/accname-computation-by-element/other-form-elements.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for other form elements</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    let testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#other-form-elements-accessible-name-computation',
+      elements: {
+        'input[type="checkbox"]': {},
+        'input[type="radio"]': {},
+        'select': { descendants: ['option', 'textNode'] },
+
+        /*
+          PR #44965 TODO:
+          Not sure which elements constitute “other form elements”.
+          Maybe the following, and/or others?
+        */
+        'input[type="color"]': {},
+        'input[type="date"]': {},
+        'input[type="datetime-local"]': {},
+        'input[type="file"]': {},
+        'input[type="hidden"]': {},
+        'input[type="month"]': {},
+        'input[type="range"]': {},
+        'input[type="time"]': {},
+        'input[type="week"]': {},
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from title',
+        'to be empty'
+      ]
+    }
+
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+
+    testConfig = {
+      elements: {
+        /*
+          PR #44965 TODO: Where does optgroup fit in the spec?
+          In any case, get_computed_label() fails to get its label.
+        */
+        'optgroup': { parents: ['select'], children: ['option', 'textNode'] },
+
+        /*
+          PR #44965 TODO: Is datalist testable?
+        */
+        // 'datalist': { children: ['option'] },
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from label attribute',
+        'from title',
+        'to be empty'
+      ]
+    }
+
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/output.html b/html-aam/accname-computation-by-element/output.html
new file mode 100644
index 00000000000000..febfeeac935d04
--- /dev/null
+++ b/html-aam/accname-computation-by-element/output.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;output&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#output-element-accessible-name-computation',
+      elements: {
+        'output': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/phrasing-elements.html b/html-aam/accname-computation-by-element/phrasing-elements.html
new file mode 100644
index 00000000000000..2e78676dd78e15
--- /dev/null
+++ b/html-aam/accname-computation-by-element/phrasing-elements.html
@@ -0,0 +1,72 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for section and grouping elements</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#text-level-element-accessible-name-computation',
+      elements: {
+        'dfn': { descendants: ['textNode']},
+        'ruby': { specialContext: 'ruby' },
+
+        /*
+          PR #44965 TODO: <hr>’s implicit separator role supports name from
+          author. Should it be included in this computation rule set?
+        */
+        'hr': {},
+
+        /*
+          PR #44965 TODO: Naming is prohibited for the following elements, but
+          the HTML-AAM spec identifies them explicitly for name computation.
+        */
+        'abbr': { descendants: ['textNode']},
+        'b': { descendants: ['textNode']},
+        'bdi': { descendants: ['textNode'] },
+        'bdo': { descendants: ['textNode'] },
+        'br': {},
+        'cite': { descendants: ['textNode']},
+        'code': { descendants: ['textNode']},
+        'em': { descendants: ['textNode']},
+        'i': { descendants: ['textNode']},
+        'kbd': { descendants: ['textNode']},
+        'mark': { descendants: ['textNode']},
+        'q': { descendants: ['textNode']},
+        'rp': { specialContext: 'rp'},
+        'rt': { specialContext: 'rt' },
+        's': { descendants: ['textNode']},
+        'samp': { descendants: ['textNode']},
+        'small': { descendants: ['textNode']},
+        'strong': { descendants: ['textNode']},
+        'sub': { descendants: ['textNode']},
+        'sup': { descendants: ['textNode']},
+        'time': { descendants: ['textNode']},
+        'u': { descendants: ['textNode']},
+        'var': { descendants: ['textNode']},
+        'wbr': {}
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/section-and-grouping-elements.html b/html-aam/accname-computation-by-element/section-and-grouping-elements.html
new file mode 100644
index 00000000000000..359ad26dfd0008
--- /dev/null
+++ b/html-aam/accname-computation-by-element/section-and-grouping-elements.html
@@ -0,0 +1,62 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for section and grouping elements</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#section-and-grouping-element-accessible-name-computation',
+      elements: {
+        'header': {},
+        'nav': {},
+        'search': {},
+        'form': {},
+        'main': {},
+        'section': {},
+        'article': {},
+        'aside': {},
+        'footer': {},
+
+        /*
+          PR #44965 TODO: Where do these elements fit in the spec?
+          They are not explicitly named in HTML-AAM, but their implicit roles
+          support name from author.
+        */
+
+        'hgroup': {},
+        'dialog': {},
+        'address': {},
+        'application': {},
+        'audio': {},
+        'video': {},
+        'ul': {},
+        'ol': {},
+        'dl': {},
+        'meter': {},
+        'progress': {},
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/summary.html b/html-aam/accname-computation-by-element/summary.html
new file mode 100644
index 00000000000000..d0ff1af9e8a7e8
--- /dev/null
+++ b/html-aam/accname-computation-by-element/summary.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;summary&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#summary-element-accessible-name-computation',
+      elements: {
+        'summary': { ancestors: ['details'] }
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from subtree',
+        'from title',
+        // 'from browser default',
+        // 'to be empty'
+      ]
+    }
+
+    /*
+      PR #44965 TODO:
+      A present-but-empty summary causes web driver to choke?
+    */
+
+    /*
+      PR #44965 TODO:
+      Are browser default names testable?
+      As of April 2024, default names for <summary> are:
+
+      - Chrome: "Details"
+      - Safari: "Details"
+      - Firefox: "Details"
+    */
+
+    /*
+      PR #44965 TODO:
+      What could cause the implementation-defined string to be
+      unavailable, and can that be tested? The remaining accname steps are:
+
+      5. If there is a summary element as a direct child of the details element,
+         but none of the above yield a usable text string, there is no
+         accessible name.
+    */
+
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/table.html b/html-aam/accname-computation-by-element/table.html
new file mode 100644
index 00000000000000..c7852e737bd91c
--- /dev/null
+++ b/html-aam/accname-computation-by-element/table.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;table&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#table-element-accessible-name-computation',
+      elements: {
+        'table': { descendants: ['tbody', 'tr', 'td', 'textNode'] },
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from first caption',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/accname-computation-by-element/tr-td-th.tentative.html b/html-aam/accname-computation-by-element/tr-td-th.tentative.html
new file mode 100644
index 00000000000000..eeed5dd34abcac
--- /dev/null
+++ b/html-aam/accname-computation-by-element/tr-td-th.tentative.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname computation tests for &lt;tr&gt;</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+  <script src="/html-aam/scripts/html-aam-accname-utils.js"></script>
+</head>
+
+<body>
+  <script>
+    const testConfig = {
+      urlSpec: 'https://www.w3.org/TR/html-aam-1.0/#tr-td-th-elements-accessible-name-computation',
+      elements: {
+        'tr': { ancestors: ['table', 'tbody'], descendants: ['td', 'textNode']},
+        'th': { ancestors: ['table', 'thead', 'tr'], descendants: ['textNode'] },
+        'td': { ancestors: ['table', 'tbody', 'tr'], descendants: ['textNode'] },
+
+        /*
+          PR #44965 TODO:
+          How about thead, tbody, and tfoot, which support name from author?
+        */
+
+        'thead': { ancestors: ['table'], descendants: ['tr', 'th', 'textNode'] },
+        'tbody': { ancestors: ['table'], descendants: ['tr', 'td', 'textNode'] },
+        'tfoot': { ancestors: ['table'], descendants: ['tr', 'td', 'textNode'] },
+
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from title',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/hidden-names.html b/html-aam/hidden-names.html
new file mode 100644
index 00000000000000..0582d996ac9237
--- /dev/null
+++ b/html-aam/hidden-names.html
@@ -0,0 +1,72 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Accname tests for hidden elements that would otherwise provide names to an associated element</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/wai-aria/scripts/aria-utils.js"></script>
+</head>
+
+<body>
+
+  <h1>Accname tests for hidden elements that would otherwise provide names to an associated element</h1>
+  <p>These tests are a complement to <a href="https://github.com/w3c/html-aam/pull/533">w3c/html-aam#533</a>.</p>
+
+  <h2>Input with hidden label</h2>
+  <label for="input-01" hidden>Hidden label</label>
+  <input
+    id="input-01"
+    class="ex-label"
+    data-testname="Input with hidden label"
+    data-expectedlabel=""
+  >
+
+  <h2>Table with hidden caption</h2>
+  <table
+    class="ex-label"
+    data-testname="Table with hidden caption"
+    data-expectedlabel=""
+  >
+    <caption hidden>Hidden caption</caption>
+  </table>
+
+  <h2>Table with two captions, the first hidden</h2>
+  <table
+    class="ex-label"
+    data-testname="Table with two captions, the first hidden"
+    data-expectedlabel="Visible caption"
+  >
+    <caption hidden>Hidden caption</caption>
+    <caption>Visible caption</caption>
+  </table>
+
+  <h2>Fieldset with hidden legend</h2>
+  <fieldset
+    class="ex-label"
+    data-testname="Fieldset with hidden legend"
+    data-expectedlabel=""
+  >
+    <legend hidden>Hidden legend</legend>
+  </fieldset>
+
+  <h2>Fieldset with two legends, the first hidden</h2>
+  <fieldset
+    class="ex-label"
+    data-testname="Fieldset with two legends, the first hidden"
+    data-expectedlabel="Visible legend"
+  >
+    <legend hidden>Hidden legend</legend>
+    <legend>Visible legend</legend>
+  </fieldset>
+
+  <script>
+    AriaUtils.verifyLabelsBySelector(".ex-label");
+  </script>
+</body>
+
+</html>
diff --git a/html-aam/scripts/html-aam-accname-utils.js b/html-aam/scripts/html-aam-accname-utils.js
new file mode 100644
index 00000000000000..6eef3099648f8c
--- /dev/null
+++ b/html-aam/scripts/html-aam-accname-utils.js
@@ -0,0 +1,351 @@
+const HtmlAamAccnameUtils = {
+  /*
+  Builds a collection of WPT subtests for verifying the computation steps
+  documented in https://www.w3.org/TR/html-aam-1.0/#accname-computation.
+
+  For each element in elements[], a collection of subtests will be generated to
+  test every potential name source in nameSources[].
+
+  Each entry in elements[] must have a key that is a valid CSS selector
+  conforming to either:
+
+  - `tagname`
+  - `tagname[attrname="attrvalue"]`
+
+  This key will be parsed to create the DOM element which will be used to
+  test the computed name.
+
+  Each entry in elements[] may have an optional properties object specifying
+  any of the following:
+
+  - descendants[]: elements to be appended as descendants of the test element.
+    This array may include the string 'textNode' to append a text node.
+  - ancestors[]: elements to be prepended as ancestors of the test element.
+  - attrs[]: attributes to be added to the element for every subtest. For
+    example, an `a` element may have an href attribute.
+  - specialContext: a string indicating a special case that requires complex
+    test markup. Currently supported values are 'area', 'ruby', 'rp', and 'rt'.
+
+  nameSources[] is necessarily order-sensitive, matching the computation steps
+  in HTML-AAM. Each string in nameSources[] is a unique identifier and should
+  have a matching key in the nameValues{} dictionary later in this file.
+
+  The first subtest generated will include *every* potential name source and
+  verify that the first source “wins”. Each subsequent subtest eliminates the
+  name source from the previous test, then performs the same verification.
+  In the final subtest, all potential name sources have been eliminated and the
+  computed name is expected to be empty.
+
+  The following example test configuration will generate 24 WPT subtests:
+  3 elements * 8 potential name sources = 24 subtests
+
+  Example:
+    const testConfig = {
+      elements: {
+        'input[type="text"]': { attrs: ['value'] },
+        'input[type="search"]': { attrs: ['value'] },
+        'textarea': { descendants: ['textNode'] }
+      },
+      nameSources: [
+        'from 2 aria-labelledby refs',
+        'from 1 aria-labelledby ref',
+        'from aria-label',
+        'from 2 labels',
+        'from 1 label',
+        'from title',
+        'from placeholder',
+        'to be empty'
+      ]
+    }
+    HtmlAamAccnameUtils.buildNameComputationTests(testConfig);
+
+  */
+  buildNameComputationTests: function (testConfig) {
+    const elBody = document.querySelector('body');
+    this.buildPageHeading(testConfig);
+    Object.entries(testConfig.elements).forEach(([selector, properties]) => {
+      let nameSources = [...testConfig.nameSources];
+      while (nameSources.length > 0) {
+        let html = this.buildNameComputationTest(selector, nameSources, properties);
+        elBody.insertAdjacentHTML('beforeend', html);
+        this.previewTestMarkup(html);
+        nameSources.shift();
+      }
+    });
+  },
+
+  /*
+  Builds a complete markup block for an individual subtest. Depending on the
+  subtest being permuted (see above), the markup may include some  “preamble”
+  on which the test element itself depends.
+
+  For example, a subtest may be checking the computed name of an
+  <input type="text"> element that depends on a <label> in the preamble.
+
+  */
+  buildNameComputationTest: function (selector, nameSources, properties) {
+    const id = this.getUniqueTestId();
+    const { element, attrName, attrValue } = this.parseSelector(selector);
+    let nameTest = `${selector} expecting name ${nameSources[0]}`;
+    let htmlPreamble = '';
+    let tmpSource = '';
+    let expSource = nameSources[0];
+    let expName = '';
+    let elReturn = null;
+
+    // Generate test case preamble and supporting elements
+    htmlPreamble += `<h2>${nameTest}</h2>`;
+
+    // Create a test element based on the selector and any additional properties
+    let elTest = document.createElement(element);
+    if (attrName) {
+      elTest.setAttribute(attrName, attrValue);
+    }
+
+    elTest.id = `el-${id}`;
+    elTest.className = 'ex-label';
+    elTest.setAttribute('data-testname', nameTest);
+
+    // Add any attributes that should always be present in the test element
+    if (properties?.attrs?.includes('value')) {
+      elTest.setAttribute('value', elTest.tagName.toLowerCase() + ' value attribute value');
+    }
+    if (properties?.attrs?.includes('href')) {
+      elTest.setAttribute('href', '#');
+    }
+    if (properties?.attrs?.includes('img src')) {
+      elTest.src = this.srcImgSample;
+    }
+
+    // If the element desires DOM ancestors, build them.
+    if (properties?.ancestors) {
+      elReturn = properties.ancestors.reduceRight((descendant, tag) => {
+        let elAncestor = document.createElement(tag);
+        elAncestor.appendChild(descendant);
+        return elAncestor;
+      }, elTest);
+    }
+
+    // If the element desires DOM descendants, build them.
+    if (properties?.descendants) {
+      let tagPrevious = element;
+      properties.descendants.reduce((ancestor, tag) => {
+        let elDescendant = tag === 'textNode' ?
+          document.createTextNode(`${tagPrevious} text node contents`) :
+          document.createElement(tag);
+        ancestor.appendChild(elDescendant);
+        tagPrevious = tag;
+        return elDescendant;
+      }, elTest);
+    }
+
+    if (properties?.specialContext) {
+      elReturn = this.handleSpecialCases(elTest, properties.specialContext, id);
+    }
+
+    // If the test element needed no ancestor(s), return it
+    if (!elReturn) {
+      elReturn = elTest;
+    }
+
+    // Build label source reference(s)
+    tmpSource = 'from 1 label';
+    if (nameSources.includes(tmpSource)) {
+      htmlPreamble += `<label for="el-${id}">${this.nameValues[tmpSource]}</label>`;
+      if (expSource === tmpSource) expName = this.nameValues[tmpSource];
+    }
+
+    tmpSource = 'from 2 labels';
+    if (nameSources.includes(tmpSource)) {
+      htmlPreamble += `<label for="el-${id}">${this.nameValues[tmpSource]}</label>`;
+      if (expSource === tmpSource) expName = this.nameValues['from 1 label'] + ' ' + this.nameValues[tmpSource];
+    }
+
+    // Build aria-labelledby source reference(s)
+    tmpSource = 'from 1 aria-labelledby ref';
+    if (nameSources.includes(tmpSource)) {
+      htmlPreamble += `<p id="el-${id}-label-1">${this.nameValues[tmpSource]}</p>`;
+      elTest.setAttribute('aria-labelledby', `el-${id}-label-1`);
+      if (expSource === tmpSource) expName = this.nameValues[tmpSource];
+    }
+
+    tmpSource = 'from 2 aria-labelledby refs';
+    if (nameSources.includes(tmpSource)) {
+      htmlPreamble += `<p id="el-${id}-label-2">${this.nameValues[tmpSource]}</p>`;
+      elTest.setAttribute('aria-labelledby', `el-${id}-label-1 el-${id}-label-2`);
+      if (expSource === tmpSource) expName = this.nameValues['from 1 aria-labelledby ref'] + ' ' + this.nameValues[tmpSource];
+    }
+
+    // Build aria-labelledby source reference(s)
+    tmpSource = 'from subtree';
+    if (nameSources.includes(tmpSource)) {
+      let name = elTest.tagName.toLowerCase() + ' ' + this.nameValues[tmpSource];
+      elTest.appendChild(document.createTextNode(name));
+      if (expSource === tmpSource) expName = name;
+    }
+
+    // Build child-based name sources
+    [
+      'from first legend',
+      'from first figcaption',
+      'from first caption'
+    ].forEach(tmpSource => {
+      if (nameSources.includes(tmpSource)) {
+        let child = tmpSource.replace('from first ', '');
+        elTest.insertAdjacentHTML('afterbegin', `<${child}>Duplicate ${this.nameValues[tmpSource]}</${child}>`);
+        elTest.insertAdjacentHTML('afterbegin', `<${child}>${this.nameValues[tmpSource]}</${child}>`);
+        if (expSource === tmpSource) expName = this.nameValues[tmpSource];
+      }
+    });
+
+    // Build attribute-based name sources
+    [
+      'from aria-label',
+      'from value',
+      'from alt',
+      'from title',
+      'from placeholder',
+      'from label attribute'
+    ].forEach(tmpSource => {
+      if (nameSources.includes(tmpSource)) {
+        let attr = tmpSource.replace('from ', '').replace(' attribute', '');
+        let name = elTest.tagName.toLowerCase() + ' ' + this.nameValues[tmpSource];
+        elTest.setAttribute(attr, name);
+        if (expSource === tmpSource) expName = name;
+      }
+    });
+
+    // Build empty alt attribute name source
+    tmpSource = 'from empty alt';
+    if (nameSources.includes(tmpSource)) {
+      elTest.setAttribute('alt', this.nameValues[tmpSource]);
+      if (expSource === tmpSource) expName = this.nameValues[tmpSource];
+    }
+
+    // If the test element is empty but can contain descendants, add an
+    // unnamed image element to render something that is visible.
+    if (!elTest.hasChildNodes() && this.canContainDescendants(elTest)) {
+      let elImg = document.createElement('img');
+      elImg.src = this.srcImgSample;
+      elTest.appendChild(elImg);
+    }
+
+    elTest.setAttribute('data-expectedlabel', expName);
+
+    return htmlPreamble + elReturn.outerHTML;
+  },
+
+  /*
+    Some subtests require complex markup context that is not easily broken
+    down into configuration primitives. This function handles them.
+  */
+
+  handleSpecialCases: function (elTest, specialContext, id) {
+    let elReturn = null;
+
+    if (specialContext === 'area') {
+      let elMap = document.createElement('map');
+      let elImg = document.createElement('img');
+      elMap.setAttribute('name', `map-${id}`);
+      elMap.appendChild(elTest);
+      elImg.setAttribute('usemap', `#map-${id}`);
+      elImg.src = this.srcImgSample;
+      elTest.setAttribute('alt', 'Mapped image alt attribute value');
+      elTest.setAttribute('shape', 'rect');
+      elTest.setAttribute('coords', '0,0,20,20');
+      elReturn = document.createElement('div');
+      elReturn.appendChild(elMap)
+      elReturn.appendChild(elImg);
+    }
+
+    else if (specialContext === 'ruby') {
+      elTest.appendChild(document.createTextNode('ruby text node contents'));
+      elTest.appendChild(document.createElement('rp')).appendChild(document.createTextNode('rp #1'));
+      elTest.appendChild(document.createElement('rt')).appendChild(document.createTextNode('rt'));
+      elTest.appendChild(document.createElement('rp')).appendChild(document.createTextNode('rp #2'));
+    }
+
+    else if (specialContext === 'rp') {
+      let elRuby = document.createElement('ruby');
+      elRuby.appendChild(document.createTextNode('ruby text node contents'));
+      elRuby.appendChild(elTest);
+      elTest.appendChild(document.createTextNode('rp #1'));
+      elRuby.appendChild(document.createElement('rt')).appendChild(document.createTextNode('rt'));
+      elRuby.appendChild(document.createElement('rp')).appendChild(document.createTextNode('rp #2'));
+      elReturn = elRuby;
+    }
+
+    else if (specialContext === 'rt') {
+      let elRuby = document.createElement('ruby');
+      elRuby.appendChild(document.createTextNode('ruby text node contents'));
+      elRuby.appendChild(document.createElement('rp')).appendChild(document.createTextNode('rp #1'));
+      elRuby.appendChild(elTest);
+      elTest.appendChild(document.createTextNode('rt'));
+      elRuby.appendChild(document.createElement('rp')).appendChild(document.createTextNode('rp #2'));
+      elReturn = elRuby;
+    }
+
+    return elReturn;
+  },
+
+  getUniqueTestId: function () {
+    return this.testId += 1;
+  },
+
+  parseSelector: function (selector) {
+    const regex = /^(\w+)(?:\[(\w+)="([\w-]+)"\])?$/;
+    const [_, element, attrName = null, attrValue = null] = selector.match(regex);
+    return { element, attrName, attrValue };
+  },
+
+  buildPageHeading: function (testConfig) {
+    const elBody = document.querySelector('body');
+
+    if (!document.querySelector('h1')) {
+      const elH1 = document.createElement('h1');
+      elH1.textContent = document.title;
+      elBody.appendChild(elH1);
+    }
+
+    if (testConfig.urlSpec) {
+      elBody.insertAdjacentHTML('beforeend', `<p><a href="${testConfig.urlSpec}">HTML-AAM computation steps</a></p>`);
+    }
+  },
+
+  previewTestMarkup: function (html) {
+    const elBody = document.querySelector('body');
+    let elTestMarkup = document.createElement('pre');
+    elTestMarkup.style.border = '1px solid green';
+    elTestMarkup.style.backgroundColor = 'palegreen';
+    elTestMarkup.style.padding = '1rem';
+    elTestMarkup.style.whiteSpace = 'pre-wrap';
+    elTestMarkup.style.overflow = 'auto';
+    elTestMarkup.appendChild(document.createTextNode(html.replaceAll('><', '>\n<').trim()));
+    elBody.appendChild(elTestMarkup);
+  },
+
+  canContainDescendants: function (element) {
+    const voidElements = new Set(['AREA', 'BASE', 'BR', 'COL', 'EMBED', 'HR', 'IMG', 'INPUT', 'LINK', 'META', 'PARAM', 'SOURCE', 'TRACK', 'WBR']);
+    return !voidElements.has(element.nodeName);
+  },
+
+  testId: 0,
+  srcImgSample: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAP1BMVEWqAKoAAACrAKuqAKqrAKuvAK+vAK+nAKepAKmsAKyrAKutAK2oAKixALGqAKqqAKqqAKqqAKqqAKqqAKqqAKqx+4SNAAAAFHRSTlMzAL9gQBAgIKCfKxQZBu/fr4BwUHCcwvYAAAEASURBVEjHvdbLEoMgDAVQbkKg9f3I/39rpdiZutHAgrtywZkxESEOxTmJCLwqA6SK9PgCXqoeUCWAVR3kQvZpRbwnETzzHyFd8BhS+iNxG4fO3aYLI8cfYQronSE9Au1fMisnYTGbTnIQYRqdMVhWybVEKxlyLS6gs5IOwR9EFc4cqNYRZjvJqwGUEKCOEJUQojYda1a+9yXEt9sw77edpNVtOlbxYm06VvEp23SsTfkVP3Kb8iuOvnYbpuyycLn8wUpCLl/WBVYyEksik269TQysMw6CnaL1Eo/EiaQEHuPTqDBgC5eBhPCY5TKQ8MzPY8867SfJEbh74iGCkxTnA3SZDugOkmV1AAAAAElFTkSuQmCC",
+  nameValues: {
+    'from 1 aria-labelledby ref': 'aria-labelledby ref element #1 text contents',
+    'from 2 aria-labelledby refs': 'aria-labelledby ref element #2 text contents',
+    'from aria-label': 'aria-label attribute value',
+    'from 1 label': 'associated label #1 text contents',
+    'from 2 labels': 'associated label #2 text contents',
+    'from subtree': 'subtree text contents',
+    'from first legend': 'legend text contents',
+    'from first figcaption': 'figcaption text contents',
+    'from first caption': 'caption text contents',
+    'from value': 'value attribute value',
+    'from label attribute': 'label attribute value',
+    'from alt': 'alt attribute value',
+    'from empty alt': '',
+    'from title': 'title attribute value',
+    'from placeholder': 'placeholder attribute value',
+  }
+};
