diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html new file mode 100644 index 0000000000..bb93d07644 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<title>fieldset accessibility test: shadow DOM</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<template id="my-fieldset"> + <fieldset id=fieldset> + <slot name="my-text"></slot> + <input> + </fieldset> +</template> + +<my-fieldset> + <legend slot="my-text">Foo</legend> +</my-fieldset> + +<p>Expected accessible name for id=fieldset: "" + +<script> +customElements.define('my-fieldset', + class extends HTMLElement { + constructor() { + super(); + + const template = document.getElementById('my-fieldset'); + const templateContent = template.content; + + this.attachShadow({mode: 'open'}).appendChild( + templateContent.cloneNode(true) + ); + } + } +); +</script> |